@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html:focus,
body:focus,
div:focus,
span:focus,
applet:focus,
object:focus,
iframe:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
p:focus,
blockquote:focus,
pre:focus,
a:focus,
abbr:focus,
acronym:focus,
address:focus,
big:focus,
cite:focus,
code:focus,
del:focus,
dfn:focus,
em:focus,
img:focus,
ins:focus,
kbd:focus,
q:focus,
s:focus,
samp:focus,
small:focus,
strike:focus,
strong:focus,
sub:focus,
sup:focus,
tt:focus,
var:focus,
b:focus,
u:focus,
i:focus,
center:focus,
dl:focus,
dt:focus,
dd:focus,
ol:focus,
ul:focus,
li:focus,
fieldset:focus,
form:focus,
label:focus,
legend:focus,
table:focus,
caption:focus,
tbody:focus,
tfoot:focus,
thead:focus,
tr:focus,
th:focus,
td:focus,
article:focus,
aside:focus,
canvas:focus,
details:focus,
embed:focus,
figure:focus,
figcaption:focus,
footer:focus,
header:focus,
hgroup:focus,
menu:focus,
nav:focus,
output:focus,
ruby:focus,
section:focus,
summary:focus,
time:focus,
mark:focus,
audio:focus,
video:focus {
	outline: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
	box-sizing: border-box
}

body {
	line-height: 1;
	box-sizing: border-box
}

ol,
ul {
	list-style: none;
	box-sizing: border-box
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

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

@-webkit-keyframes blink {
	0% {
		opacity: 0.8;
		transform: scale(1)
	}
	100% {
		opacity: 1;
		transform: scale(1.1)
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 0.8;
		transform: scale(1)
	}
	100% {
		opacity: 1;
		transform: scale(1.1)
	}
}

@keyframes blink {
	0% {
		opacity: 0.8;
		transform: scale(1)
	}
	100% {
		opacity: 1;
		transform: scale(1.1)
	}
}

.clearfix {
	zoom: 1
}

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

@media screen and (max-width: 768px) {
	.forPC {
		display: none
	}
}

.forSP {
	display: none
}

@media screen and (max-width: 768px) {
	.forSP {
		display: inherit
	}
}

body {
	word-break: break-all;
	-webkit-text-size-adjust: 100%;
	font-size: 13px;
	color: #8c8c8c;
	background: #fff;
	line-height: 1.6;
	font-family: Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media screen and (max-width: 768px) {
	body {
		-moz-user-select: none;
		-ms-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-webkit-touch-callout: none
	}
}

a {
	color: inherit;
	text-decoration: underline
}

a:hover {
	opacity: 0.8
}

img {
	width: 100%;
	height: auto
}

#lightbox {
	height: 100vh
}

#lightbox .lb-container {
	padding: 0px
}

#lightbox .lb-details {
	display: none
}

#lightbox .lb-outerContainer {
	position: absolute;
	top: 64px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

#lightbox .lb-closeContainer {
	position: fixed;
	top: calc(64px + 2vw);
	right: 2vw
}

#lightbox .lb-nav a.lb-prev {
	background: url(../images/look-l.png) no-repeat;
	background-position: left 32px top 48%;
	background-size: 26px auto
}

#lightbox .lb-nav a.lb-next {
	background: url(../images/look-r.png) no-repeat;
	background-position: right 32px top 48%;
	background-size: 26px auto
}

@media screen and (max-width: 768px) {
	#lightbox {
		height: auto
	}
	#lightbox .lb-outerContainer {
		position: relative;
		margin-top: 60px
	}
	#lightbox .lb-closeContainer {
		top: calc(50px + 5vw);
		right: 5vw
	}
	#lightbox .lb-nav a.lb-prev {
		background-position: left 5vw top 48%
	}
	#lightbox .lb-nav a.lb-next {
		background-position: right 5vw top 48%
	}
}

#index {
	overflow: hidden;
	min-width: 100%;
	min-height: 100vh;
	background: #000;
	color: #fff
}

#index header {
	position: absolute;
	top: 2vw;
	left: 2vw
}

#index header #logo {
	width: 180px
}

#index header #logo:hover {
	opacity: 0.8
}

#index nav {
	position: absolute;
	bottom: 2vw;
	width: 100%
}

#index nav ul {
	text-align: center;
	display: block
}

#index nav ul li {
	vertical-align: top;
	display: inline-block;
	border: 5px solid #fff;
	width: 300px;
	margin: 0 0.5vw
}

#index nav ul li.chico a {
	padding: 11px 0
}

#index nav ul li.chico img {
	height: 40px
}

#index nav ul li.luis a {
	padding: 18px 0
}

#index nav ul li.luis img {
	height: 26px
}

#index nav ul li a {
	display: block;
	padding: 16px 0;
	-webkit-transition: all .25s;
	-ms-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s
}

#index nav ul li a:hover {
	background: rgba(0, 0, 0, 0.5)
}

#index nav ul li img {
	height: 30px;
	width: auto
}

#index .catch {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 17.5vw;
	text-align: center
}

#index .catch h1 {
	display: inline-block;
	width: 48vw;
	min-width: 600px
}

#index .catch p {
	margin: 3vw 0 0 0;
	letter-spacing: 1px;
	font-size: 18px
}

#index .bgSlide {
	position: relative;
	z-index: -1;
	opacity: 0.8
}

#index .bgSlide .swiper-slide img {
	width: 100%;
	height: 100vh;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 3s;
	-ms-transition: all 3s;
	-moz-transition: all 3s;
	-o-transition: all 3s;
	transition: all 3s;
	-webkit-transition-timing-function: liner;
	-ms-transition-timing-function: liner;
	-moz-transition-timing-function: liner;
	-o-transition-timing-function: liner;
	transition-timing-function: liner
}

#index .bgSlide .swiper-slide-active img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
	-webkit-transition: all 7s;
	-ms-transition: all 7s;
	-moz-transition: all 7s;
	-o-transition: all 7s;
	transition: all 7s;
	-webkit-transition-timing-function: liner;
	-ms-transition-timing-function: liner;
	-moz-transition-timing-function: liner;
	-o-transition-timing-function: liner;
	transition-timing-function: liner
}

#index .bgSlide .kastane img {
	background: url(../images/bg-kastane.jpg) no-repeat center center;
	background-size: cover
}

#index .bgSlide .chico img {
	background: url(../images/bg-chico.jpg) no-repeat center center;
	background-size: cover
}

#index .bgSlide .luis img {
	background: url(../images/bg-luis.jpg) no-repeat center center;
	background-size: cover
}

@media screen and (max-width: 768px) {
	#index .hamburger {
		display: none;
		text-align: center;
		transition: all 0.25s;
		box-sizing: border-box;
		position: relative;
		width: 50px;
		height: 44px;
		transform: scale(0.35);
		transform-origin: right top
	}
	#index .hamburger span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #8c8c8c;
		border-radius: 4px
	}
	#index .hamburger span:nth-of-type(1) {
		top: 0
	}
	#index .hamburger span:nth-of-type(2) {
		top: 20px
	}
	#index .hamburger span:nth-of-type(3) {
		bottom: 0
	}
	#index .hamburger.active span:nth-of-type(1) {
		-webkit-transform: translateY(20px) rotate(-315deg);
		transform: translateY(20px) rotate(-315deg)
	}
	#index .hamburger.active span:nth-of-type(2) {
		opacity: 0
	}
	#index .hamburger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-20px) rotate(315deg);
		transform: translateY(-20px) rotate(315deg)
	}
}

@media screen and (max-width: 768px) and (max-width: 768px) {
	#index .hamburger {
		display: inline-block;
		position: absolute;
		top: 17px;
		right: 17px;
		z-index: 99999999
	}
}

@media screen and (max-width: 768px) {
	#index header {
		top: 5vw;
		left: 5vw
	}
	#index header #logo {
		width: 25vw
	}
	#index nav {
		bottom: 5vw
	}
	#index nav ul li {
		border: 0.75vw solid #fff;
		width: 29vw;
		margin: 0 0.5vw
	}
	#index nav ul li.chico a {
		padding: 13px 0
	}
	#index nav ul li.chico a img {
		height: 24px
	}
	#index nav ul li.luis a {
		padding: 16px 0
	}
	#index nav ul li.luis a img {
		height: 18px
	}
	#index nav ul li a {
		padding: 16px 0
	}
	#index nav ul li a img {
		height: 18px
	}
	#index .catch {
		width: 80vw;
		height: 44.5vw;
		top: auto;
		bottom: 25vw
	}
	#index .catch h1 {
		display: inline-block;
		width: 100%;
		min-width: 0
	}
	#index .catch p {
		margin: 5vw 0 0 0;
		text-align: center;
		font-size: 14px;
		text-indent: -1em
	}
	#index .bgSlide .swiper-slide img {
		width: 100%;
		height: 100vh;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 3s;
		-ms-transition: all 3s;
		-moz-transition: all 3s;
		-o-transition: all 3s;
		transition: all 3s;
		-webkit-transition-timing-function: liner;
		-ms-transition-timing-function: liner;
		-moz-transition-timing-function: liner;
		-o-transition-timing-function: liner;
		transition-timing-function: liner
	}
	#index .bgSlide .swiper-slide-active img {
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		-moz-transform: scale(1.02);
		-o-transform: scale(1.02);
		transform: scale(1.02);
		-webkit-transition: all 7s;
		-ms-transition: all 7s;
		-moz-transition: all 7s;
		-o-transition: all 7s;
		transition: all 7s;
		-webkit-transition-timing-function: liner;
		-ms-transition-timing-function: liner;
		-moz-transition-timing-function: liner;
		-o-transition-timing-function: liner;
		transition-timing-function: liner
	}
	#index .bgSlide .kastane img {
		background: url(../images/bg-kastane-sp.jpg) no-repeat center center;
		background-size: cover
	}
	#index .bgSlide .chico img {
		background: url(../images/bg-chico-sp.jpg) no-repeat center center;
		background-size: cover
	}
	#index .bgSlide .luis img {
		background: url(../images/bg-luis-sp.jpg) no-repeat center center;
		background-size: cover
	}
}

section {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden
}

section .inner {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 60px 0 0 0;
	text-align: center
}

section .arrow {
	position: absolute;
	z-index: 99999;
	bottom: 28px;
	left: 0;
	right: 0;
	margin: auto;
	width: 28px;
	cursor: pointer;
	-webkit-animation: blink 1s ease-in-out infinite alternate;
	-ms-animation: blink 1s ease-in-out infinite alternate;
	-moz-animation: blink 1s ease-in-out infinite alternate;
	-o-animation: blink 1s ease-in-out infinite alternate;
	animation: blink 1s ease-in-out infinite alternate
}

@media screen and (max-width: 768px) {
	section {
		height: auto !important
	}
	section .inner {
		padding: 0
	}
	section .arrow {
		display: none;
		width: 7vw;
		bottom: 2.5vh
	}
}

#brand {
	overflow: hidden
}

#brand header {
	background: #fff;
	padding: 18px 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999
}

#brand header #logo {
	display: inline-block;
	margin: 0 0 0 44px;
	float: left
}

#brand header #logo img {
	height: 28px;
	width: auto
}

#brand header nav {
	display: inline-block;
	float: right;
	margin: 3px 32px 0 0
}

#brand header nav ul {
	display: inline-block
}

#brand header nav li {
	display: inline-block;
	margin: 0 0 0 32px
}

#brand header nav a {
	color: #8c8c8c;
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 1px
}

#brand header nav a img {
	position: relative;
	height: 20px;
	width: auto
}

#brand header nav a img:hover {
	opacity: 0.8
}

#brand header nav .chico a img {
	height: 25px;
	top: 2px
}

@media screen and (max-width: 768px) {
	#brand header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99999;
		width: 100%;
		padding: 16px
	}
	#brand header #logo {
		position: relative;
		z-index: 99;
		width: auto;
		margin: 0
	}
	#brand header #logo img {
		height: 17px;
		width: auto
	}
	#brand header nav {
		position: absolute;
		top: -150px;
		left: 0;
		z-index: 0;
		width: 100%;
		float: none;
		margin: 0;
		opacity: 0;
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}
	#brand header nav.active {
		top: 48px;
		opacity: 1
	}
	#brand header nav ul {
		display: block
	}
	#brand header nav li {
		display: block;
		margin: 0;
		width: 100%;
		text-align: center;
		border: 1px solid #f6f6f6
	}
	#brand header nav a {
		display: block;
		background: #fff;
		padding: 16px 0
	}
}

#brand #top .inner {
	z-index: 9;
	display: flex;
	top: 64px;
	height: calc(100vh - 62px);
	padding: 0
}

#brand #top .catch {
	flex: 0 1 auto;
	margin: auto;
	width: 26vw;
	height: auto
}

#brand #top .bgSlide {
	position: absolute;
	top: 64px;
	left: 0;
	z-index: 1;
	width: 100%
}

#brand #top .bgSlide .swiper-slide {
	background: #000
}

#brand #top .bgSlide .swiper-slide img {
	max-width: none;
	min-width: 100%;
	height: calc(100vh - 62px);
	width: 100%;
	opacity: 0.85;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 3s;
	-ms-transition: all 3s;
	-moz-transition: all 3s;
	-o-transition: all 3s;
	transition: all 3s;
	-webkit-transition-timing-function: liner;
	-ms-transition-timing-function: liner;
	-moz-transition-timing-function: liner;
	-o-transition-timing-function: liner;
	transition-timing-function: liner
}

#brand #top .bgSlide .swiper-slide-active img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
	-webkit-transition: all 7s;
	-ms-transition: all 7s;
	-moz-transition: all 7s;
	-o-transition: all 7s;
	transition: all 7s;
	-webkit-transition-timing-function: liner;
	-ms-transition-timing-function: liner;
	-moz-transition-timing-function: liner;
	-o-transition-timing-function: liner;
	transition-timing-function: liner
}

#brand #top .bgSlide .tobira-one img {
	background: url(../images/miyazaki/top/1.jpg) no-repeat center center;
	background-size: cover
}

#brand #top .bgSlide .tobira-two img {
	background: url(../images/miyazaki/top/2.jpg) no-repeat center center;
	background-size: cover
}

#brand #top .bgSlide .tobira-three img {
	background: url(../images/miyazaki/top/3.jpg) no-repeat center center;
	background-size: cover
}

@media screen and (max-width: 768px) {
	#brand #top .bgSlide {
		top: 0
	}
	#brand #top .bgSlide .swiper-slide img {
		width: 100vw;
		height: 100vh;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 3s;
		-ms-transition: all 3s;
		-moz-transition: all 3s;
		-o-transition: all 3s;
		transition: all 3s;
		-webkit-transition-timing-function: liner;
		-ms-transition-timing-function: liner;
		-moz-transition-timing-function: liner;
		-o-transition-timing-function: liner;
		transition-timing-function: liner
	}
	#brand #top .bgSlide .swiper-slide-active img {
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		-moz-transform: scale(1.02);
		-o-transform: scale(1.02);
		transform: scale(1.02);
		-webkit-transition: all 7s;
		-ms-transition: all 7s;
		-moz-transition: all 7s;
		-o-transition: all 7s;
		transition: all 7s;
		-webkit-transition-timing-function: liner;
		-ms-transition-timing-function: liner;
		-moz-transition-timing-function: liner;
		-o-transition-timing-function: liner;
		transition-timing-function: liner
	}
	#brand #top .bgSlide .swiper-slide img {
		width: 100%;
		height: 100vh;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 3s;
		-ms-transition: all 3s;
		-moz-transition: all 3s;
		-o-transition: all 3s;
		transition: all 3s;
		-webkit-transition-timing-function: liner;
		-ms-transition-timing-function: liner;
		-moz-transition-timing-function: liner;
		-o-transition-timing-function: liner;
		transition-timing-function: liner
	}
	#brand #top .bgSlide .swiper-slide-active img {
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		-moz-transform: scale(1.02);
		-o-transform: scale(1.02);
		transform: scale(1.02);
		-webkit-transition: all 7s;
		-ms-transition: all 7s;
		-moz-transition: all 7s;
		-o-transition: all 7s;
		transition: all 7s;
		-webkit-transition-timing-function: liner;
		-ms-transition-timing-function: liner;
		-moz-transition-timing-function: liner;
		-o-transition-timing-function: liner;
		transition-timing-function: liner
	}
	#brand #top .bgSlide .tobira-one img {
		background: url(../images/miyazaki/top/1sp.jpg) no-repeat center center;
		background-size: cover
	}
	#brand #top .bgSlide .tobira-two img {
		background: url(../images/miyazaki/top/2sp.jpg) no-repeat center center;
		background-size: cover
	}
	#brand #top .bgSlide .tobira-three img {
		background: url(../images/miyazaki/top/3sp.jpg) no-repeat center center;
		background-size: cover
	}
}

#brand #about {
	height: calc(100% - 80px);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

#brand #about .inner {
	width: 100%;
	height: auto;
	padding: 0
}

#brand #about .catch {
	display: block;
	margin: 0 auto;
	width: 10vw
}

#brand #about .lead {
	font-size: 2vw;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 1px;
	margin: 3vw auto 3vw auto
}

#brand #about p {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px
}

@media screen and (max-width: 768px) {
	#brand #about .inner {
		position: relative;
		height: auto
	}
	#brand #about .inner p {
		margin: 0 auto;
		width: 90%;
		font-size: 11px;
		text-align: justify
	}
	#brand #about .inner p br {
		display: none
	}
	#brand #about .catch {
		width: 25vw;
		margin: 20vw auto 1vw auto
	}
	#brand #about .lead {
		font-size: 5vw;
		line-height: 1.6;
		letter-spacing: 1px;
		margin: 3vw auto 6vw auto
	}
}

#brand #staff .inner {
	height: calc(100% - 80px);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

#brand #staff h2 {
	width: 58.5vw;
	border: 2px solid #8c8c8c;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin: 0 auto 2vw;
	padding: 8px 0
}

#brand #staff dl {
	vertical-align: top;
	display: inline-block;
	width: 18vw;
	text-align: left;
	margin: 0 1vw
}

#brand #staff dl dt {
	overflow: hidden;
	width: 100%
}

#brand #staff dl dd .shop {
	font-size: 120%;
	margin: 8px 0;
	letter-spacing: 0
}

#brand #staff dl dd p {
	font-weight: bold;
	letter-spacing: 0.5px;
	margin: 8px 0
}

#brand .place .placeSlide {
	position: relative
}

#brand .place .placeSlide .swiper-button-prev,
#brand .place .placeSlide .swiper-button-next {
	position: absolute;
	top: 44.5vh;
	z-index: 9;
	margin: -32px auto 0;
	width: 26px
}

#brand .place .placeSlide .swiper-button-prev {
	left: 44px
}

#brand .place .placeSlide .swiper-button-next {
	right: 44px
}

#brand .place .placeSlide .swiper-slide {
	height: 100%;
	padding: 0 0 80px 0;
	box-sizing: border-box
}

#brand .place .placeSlide .swiper-slide img {
	max-width: none;
	max-height: 100%;
	min-width: 100%;
	min-height: 0;
	width: 100%;
	height: calc( 100vh - 140px)
}

#brand .place .swiper-pagination {
	position: absolute;
	top: -48px;
	left: 44px;
	z-index: 99;
	width: auto;
	text-align: left
}

#brand .place .swiper-pagination .swiper-pagination-bullet {
	width: 18px;
	height: 18px;
	background: none;
	border: #8c8c8c solid 2px;
	opacity: 1;
	margin: 0 12px 0 0;
	line-height: 1
}

#brand .place .swiper-pagination .swiper-pagination-bullet-active {
	background: #8c8c8c
}

#brand .place .placeFooter {
	position: absolute;
	background: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	padding: 22px 44px
}

#brand .place .placeFooter div {
	float: left;
	text-align: left
}

#brand .place .placeFooter div .num {
	float: left;
	margin: 0 24px 0 0
}

#brand .place .placeFooter div .num img {
	height: 36px;
	width: auto
}

#brand .place .placeFooter div p {
	display: inline-block;
	vertical-align: top;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 1px;
	margin: 0
}

#brand .place .placeFooter .one {
	line-height: 36px
}

#brand .place .placeFooter .info {
	display: inline-block;
	float: right;
	cursor: pointer;
	border: #8c8c8c solid 3px;
	line-height: 1
}

#brand .place .placeFooter .info:hover {
	opacity: 0.8
}

#brand .place .placeFooter .info:hover img {
	opacity: 1
}

#brand .place .placeFooter .info div {
	display: inline-block;
	padding: 8px 24px
}

#brand .place .placeFooter .info img {
	height: 14px;
	width: auto
}

#brand .place .placeFooter .info .on {
	display: none
}

#brand .place .information {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	color: #555;
	z-index: -1;
	padding: 60px 0 0 0;
	opacity: 0;
	-webkit-transition: all .25s;
	-ms-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	height: calc(100% - 80px);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

#brand .place .information.show {
	z-index: 99;
	opacity: 1
}

#brand .place .information .inner {
	width: calc(100vw - 88px);
	min-width: 800px;
	height: auto;
	text-align: left;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	padding: 0
}

#brand .place .information .inner p {
	text-align: justify;
	margin: 0 0 16px 0
}

#brand .place .information .inner .shopinfo {
	margin: 8px 0 0 0;
	font-size: 11px
}

#brand .place .information .inner .shopinfo p {
	text-align: justify;
	margin: 0 0 8px 0
}

#brand .place .information .inner .shopinfo p span {
	font-size: 13px
}

#brand .place .information ul {
	font-size: 0;
	margin: 0 0 32px 0
}

#brand .place .information ul li {
	display: inline-block;
	width: calc(90%/6);
	margin: 0
}

#brand .place .information ul li:nth-of-type(2n) {
	margin: 0 2%
}

#brand .place .information ul li:nth-of-type(6) {
	margin-right: 0
}

#brand .place .information ul.two li {
	display: inline-block;
	width: calc(96%/2);
	margin: 0
}

#brand .place .information ul.two li:nth-of-type(2) {
	margin: 0 0 0 4%
}

#brand .place.place-coorde {
	background: #f5f5f5
}

#brand .place .coorde-container {
	height: calc(100% - 80px);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

#brand .place .coorde {
	display: inline-block;
	vertical-align: top;
	width: 25vw;
	margin: 0 1.5vw;
	font-weight: bold;
	text-align: justify
}

#brand .place .coorde .lead {
	font-size: 14px;
	margin: 16px 0
}

#brand .place .coorde .credit {
	font-size: 11px
}

#brand .place .coorde .staffstart {
	margin: 32px 0 0 0
}

#brand .place .coorde .staffstart a {
	display: inline-block;
	background: #8c8c8c;
	color: #fff;
	padding: 8px 32px
}

#brand .place .coorde .staffstart a:hover {
	opacity: 0.8;
	text-decoration: none
}

#brand #profile {
	background: #f5f5f5
}

#brand #profile .swiper-slide {
	position: relative;
	height: calc(100% - 80px);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

#brand #profile .swiper-slide .profile-container {
	width: 100%
}

#brand #profile dl {
	vertical-align: top;
	display: inline-block;
	width: 25vw;
	text-align: justify
}

#brand #profile dl dt {
	margin: 0 0 16px 0
}

#brand #profile dl dt img {
	width: 49%;
	background: url(../images/nakao/profile-sp.jpg) no-repeat center center;
	background-size: cover
}

#brand #profile dl.nakao dt img {
	background: url(../images/nakao/profile-sp.jpg) no-repeat center center;
	background-size: cover
}

#brand #profile dl.kato dt img {
	background: url(../images/kato/profile-sp.jpg) no-repeat center center;
	background-size: cover
}

#brand #profile dl.uesugi dt img {
	background: url(../images/uesugi/profile-sp.jpg) no-repeat center center;
	background-size: cover
}

#brand #profile dl dd {
	font-weight: bold
}

#brand #profile dl dd p {
	margin: 0;
	padding: 0
}

#brand #profile dl dd .shop {
	font-size: 13px
}

#brand #profile dl dd .name {
	font-size: 11px;
	margin: 16px 0
}

#brand #profile dl dd .lead {
	font-size: 14px
}

#brand #profile .gallery {
	vertical-align: top;
	display: inline-block;
	width: 40vw;
	font-size: 0;
	margin: 0 0 0 3vw
}

#brand #profile .gallery li {
	display: inline-block;
	width: calc(92%/3);
	margin: 0 0 3% 0
}

#brand #profile .gallery li:nth-of-type(3n-1) {
	margin: 0 3% 3%
}

#brand #profile .gallery li:nth-of-type(n+7) {
	margin-bottom: 0
}

#brand #profile .placeFooter {
	position: absolute;
	background: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	padding: 22px 32px
}

#brand #profile .placeFooter img {
	height: 24px;
	width: auto
}

#brand #profile .placeFooter .brandlogo {
	display: inline-block;
	float: right;
	padding: 4px 0 0 0
}

#brand #profile .placeFooter .itemLink {
	display: inline-block;
	float: left
}

#brand #profile .placeFooter .itemLink a {
	display: inline-block;
	border: #8c8c8c solid 3px;
	padding: 8px 32px
}

#brand #profile .placeFooter .itemLink img {
	height: 14px
}

#brand #profile .swiper-pagination {
	position: absolute;
	top: -48px;
	left: 44px;
	z-index: 99;
	width: auto;
	text-align: left
}

#brand #profile .swiper-pagination .swiper-pagination-bullet {
	width: 18px;
	height: 18px;
	background: none;
	border: #8c8c8c solid 2px;
	opacity: 1;
	margin: 0 12px 0 0;
	line-height: 1
}

#brand #profile .swiper-pagination .swiper-pagination-bullet-active {
	background: #8c8c8c
}

#brand #profile .profileSlide {
	position: relative;
	height: 100%
}

#brand #profile .profileSlide .swiper-button-prev,
#brand #profile .profileSlide .swiper-button-next {
	position: absolute;
	top: 44.5vh;
	z-index: 9;
	margin: -32px auto 0;
	width: 26px
}

#brand #profile .profileSlide .swiper-button-prev {
	left: 44px
}

#brand #profile .profileSlide .swiper-button-next {
	right: 44px
}

#brand #pagetop {
	display: none;
	width: 0
}

@media screen and (max-width: 768px) {
	#brand {
		background: #f5f5f5;
		overflow: auto !important
	}
	#brand #top {
		height: 100vh !important
	}
	#brand #top .arrow {
		display: block
	}
	#brand #top .inner {
		top: 0;
		display: block;
		position: relative;
		padding: 33vw 0 0 0
	}
	#brand #top .catch {
		width: 60vw;
		height: auto;
		margin: 0 auto
	}
	#brand #staff .inner {
		position: relative;
		height: auto;
		text-align: left;
		width: 90%;
		margin: 0 auto
	}
	#brand #staff h2 {
		width: 100%;
		font-size: 16px;
		margin: 20vw auto 5vw;
		text-align: center
	}
	#brand #staff dl {
		width: 49%;
		text-align: left;
		margin: 0
	}
	#brand #staff dl:nth-of-type(2n) {
		margin: 0 0 0 0.5%
	}
	#brand #staff dl dt {
		height: 44vw
	}
	#brand #staff dl dt img {
		height: 100%;
		width: auto;
		margin: 0 0 0 -7vw
	}
	#brand #staff dl dd {
		padding: 1vw 0
	}
	#brand #staff dl dd .shop {
		font-size: 11px
	}
	#brand #staff dl dd p {
		font-size: 11px
	}
	#brand #staff dl dd .lead {
		display: none
	}
	#brand .place {
		margin: 5vw 0 0 0
	}
	#brand .place .placeSlide .swiper-button-prev,
	#brand .place .placeSlide .swiper-button-next {
		top: 50%;
		width: 26px
	}
	#brand .place .placeSlide .swiper-button-prev {
		left: 5vw
	}
	#brand .place .placeSlide .swiper-button-next {
		right: 5vw
	}
	#brand .place .placeSlide .swiper-slide {
		padding: 0
	}
	#brand .place .placeSlide .swiper-slide img {
		min-height: 0;
		width: 100%;
		height: auto
	}
	#brand .place .swiper-pagination {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		padding: 4vw 0 0 0
	}
	#brand .place .swiper-pagination .swiper-pagination-bullet {
		width: 14px;
		height: 14px
	}
	#brand .place .placeFooter {
		position: relative;
		background: none;
		padding: 0 0 5vw 5vw
	}
	#brand .place .placeFooter div {
		float: left;
		text-align: left
	}
	#brand .place .placeFooter div .num {
		display: block;
		width: 100%;
		margin: 0 0 16px 0
	}
	#brand .place .placeFooter div .num img {
		height: 25px
	}
	#brand .place .placeFooter div p {
		display: inline-block;
		vertical-align: top;
		float: left;
		font-size: 13px;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: 0;
		margin: 0
	}
	#brand .place .placeFooter .one {
		line-height: 36px
	}
	#brand .place .placeFooter .info {
		display: none
	}
	#brand .place .information {
		position: relative;
		width: 90%;
		height: auto;
		background: none;
		z-index: 1;
		opacity: 1;
		margin: 0 auto;
		padding: 16px 0 0 0
	}
	#brand .place .information.forPC {
		display: none
	}
	#brand .place .information .inner {
		position: relative;
		width: 100%;
		min-width: 0;
		height: auto;
		text-align: left;
		margin: 0 auto;
		font-size: 11px;
		margin: auto
	}
	#brand .place .information .inner p {
		text-align: justify;
		margin: 0 0 16px 0;
		color: #8c8c8c
	}
	#brand .place .information .inner .shopinfo {
		margin: 8px 0 0 0
	}
	#brand .place .information .inner .shopinfo p {
		text-align: justify;
		margin: 0 0 8px 0
	}
	#brand .place .information .inner .shopinfo p span {
		font-size: 11px
	}
	#brand .place .information .inner .shopinfo p.name {
		font-size: 11px
	}
	#brand .place .information .inner .shopinfo p.shop {
		font-size: 10px
	}
	#brand .place .information .inner .shopinfo p.lead {
		font-size: 11px
	}
	#brand .place .information ul {
		font-size: 0;
		margin: 0 0 2vw 0
	}
	#brand .place .information ul li {
		width: calc(98%/2);
		margin: 0 0 2%
	}
	#brand .place .information ul li:nth-of-type(2n) {
		margin: 0 0 2% 2%
	}
	#brand .place .information ul li:nth-of-type(6) {
		margin: 0 0 2% 2%
	}
	#brand .place .information ul.two {
		margin-top: 0
	}
	#brand .place .information ul.two li {
		width: calc(98%/2);
		margin: 0 0 2%
	}
	#brand .place .information ul.two li:nth-of-type(2) {
		margin: 0 0 2% 2%
	}
	#brand .place.place-coorde {
		background: #f5f5f5
	}
	#brand .place.place-coorde .placeFooter {
		display: none
	}
	#brand .place .coorde-container {
		position: relative;
		width: 90%;
		margin: auto;
		height: auto;
		display: block
	}
	#brand .place .coorde {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 0 10vw 0
	}
	#brand .place .coorde .lead {
		font-size: 11px
	}
	#brand .place .coorde .credit {
		font-size: 10px
	}
	#brand .place .eyecatch {
		display: block;
		width: 30vw;
		height: 30vw;
		margin: 10vw auto;
		background: url(../images/deco/1.jpg) no-repeat center center;
		background-size: cover;
		border-radius: 100%;
		overflow: hidden
	}
	#brand .place.place-two-coorde .eyecatch {
		background: url(../images/deco/2.jpg) no-repeat center center;
		background-size: cover
	}
	#brand .place.place-three-coorde .eyecatch {
		background: url(../images/deco/3.jpg) no-repeat center center;
		background-size: cover
	}
	#brand .place.place-four-coorde .eyecatch {
		background: url(../images/deco/4.jpg) no-repeat center center;
		background-size: cover
	}
	#brand .place.place-five-coorde .eyecatch {
		background: url(../images/deco/5.jpg) no-repeat center center;
		background-size: cover
	}
	#brand .place.place-six-coorde .eyecatch {
		background: url(../images/deco/6.jpg) no-repeat center center;
		background-size: cover
	}
	#brand .place.place-seven-coorde .eyecatch {
		background: url(../images/deco/7.jpg) no-repeat center center;
		background-size: cover
	}
	#brand #profile {
		background: #fff;
		padding: 30vw 0 0 0
	}
	#brand #profile .swiper-slide {
		position: relative;
		height: auto
	}
	#brand #profile .swiper-slide .profile-container {
		position: relative;
		height: auto;
		padding: 0 0 5vw 0
	}
	#brand #profile dl {
		display: block;
		width: 29vw;
		margin: 0 auto
	}
	#brand #profile dl dt {
		margin: 0 0 3vw 0
	}
	#brand #profile dl dt img {
		width: 100%
	}
	#brand #profile dl dd {
		display: block;
		text-align: center;
		margin: 0 0 5vw 0
	}
	#brand #profile dl dd .shop {
		display: inline-block;
		text-align: left;
		font-size: 3vw
	}
	#brand #profile dl dd .forSP {
		display: block;
		font-size: 11px
	}
	#brand #profile dl dd .name {
		display: none
	}
	#brand #profile dl dd .lead {
		display: none
	}
	#brand #profile .gallery {
		display: block;
		width: 90%;
		margin: 0 auto
	}
	#brand #profile .gallery li {
		width: calc(96%/3);
		margin: 0 0 2% 0
	}
	#brand #profile .gallery li:nth-of-type(3n-1) {
		margin: 0 2% 2%
	}
	#brand #profile .spLead {
		padding: 5vw 0;
		font-weight: bold;
		width: 90%;
		margin: 0 auto
	}
	#brand #profile .spLead .sns {
		margin: 0 0 5vw 0
	}
	#brand #profile .spLead .lead {
		text-align: justify
	}
	#brand #profile .placeFooter {
		position: relative;
		padding: 0 0 10vw 0
	}
	#brand #profile .placeFooter img {
		height: 22px;
		width: auto
	}
	#brand #profile .placeFooter .brandlogo {
		float: none
	}
	#brand #profile .placeFooter .itemLink {
		display: block;
		width: 100%;
		background: #f3f3f3;
		padding: 48px 0;
		margin: 0 0 10vw 0;
		float: none
	}
	#brand #profile .placeFooter .itemLink a {
		display: block;
		margin: 0 auto;
		width: 90%;
		background: #8c8c8c;
		padding: 32px 0;
		text-align: center
	}
	#brand #profile .placeFooter .itemLink img {
		height: 3.5vw;
		width: auto;
		float: none;
		margin: 0 auto
	}
	#brand #profile .swiper-pagination {
		display: none;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
		margin: 0 0 10vw 0
	}
	#brand #profile .swiper-pagination .swiper-pagination-bullet {
		width: 14px;
		height: 14px;
		margin: 0 6px
	}
	#brand #profile .bullet {
		font-size: 0
	}
	#brand #profile .bullet li {
		display: inline-block;
		border: #8c8c8c solid 2px;
		border-radius: 100%;
		background: none;
		width: 14px;
		height: 14px;
		margin: 0 6px 24px
	}
	#brand #profile .bullet li.active {
		background: #8c8c8c
	}
	#brand #profile .profileSlide {
		position: relative
	}
	#brand #profile .profileSlide .swiper-button-prev,
	#brand #profile .profileSlide .swiper-button-next {
		position: absolute;
		top: 15vw;
		z-index: 9;
		margin: -32px auto 0;
		width: 26px
	}
	#brand #profile .profileSlide .swiper-button-prev {
		left: 5vw
	}
	#brand #profile .profileSlide .swiper-button-next {
		right: 5vw
	}
	#brand #profile .imgbullet {
		font-size: 0;
		margin: 32px 0 0 0
	}
	#brand #profile .imgbullet li {
		display: inline-block;
		width: 23%;
		opacity: 0.35
	}
	#brand #profile .imgbullet li.now {
		opacity: 1
	}
	#brand #profile .imgbullet li:nth-of-type(2) {
		margin: 0 2%
	}
	#brand #profile .imgbullet li:nth-of-type(3) {
		margin: 0 2% 0 0
	}
	#brand #pagetop {
		display: none;
		width: 15vw;
		position: fixed;
		bottom: 3vw;
		right: 3vw;
		z-index: 99999
	}
}