@charset "UTF-8";

/* ===================================================================
CSS information
 file name  :  _mixin.scss
 style info :  mixin a
=================================================================== */
/* ===================================================================
CSS information
 file name : _utility.scss
 style info : utility
=================================================================== */
@media all and (max-width : 768px) {
	.pc-only {
		display: none !important;
	}
}

@media all and (min-width: 1201px) {
	.tb-only {
		display: none !important;
	}
}

@media all and (min-width: 1201px) {
	.sp-only {
		display: none !important;
	}
}

@media all and (max-width : 1200px) {
	.sp-only {
		display: none !important;
	}
}

@media all and (max-width : 768px) {
	.sp-only {
		display: block !important;
	}
}

/* ===================================================================
CSS information
 file name  :  _base.scss
 style info : reset css
=================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
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;
}

/* ===================================================================
CSS information
 file name  :  _common.scss
 style info : 共通項01
=================================================================== */
html {
	overflow: auto !important;
}

/* body
----------------------------------------------------------------------------- */
body {
	width: 100%;
	margin: 0 auto;
	font-family: Noto Sans JP;
	font-weight: 400;
	line-height: 1.8;
	font-size: 14px;
	color: #515151;
	text-align: center;
	background: #fff;
}

body * {
	box-sizing: border-box;
}

/* font
----------------------------------------------------------------------------- */
.rich_font {
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: 500;
}

.robot_font {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
}

/* anchor
----------------------------------------------------------------------------- */
a:link {
	color: #6F7579;
	text-decoration: none;
}

a:visited {
	color: #6F7579;
	text-decoration: none;
}

a:hover {
	color: #6F7579;
	text-decoration: none;
	opacity: 0.7;
}

a:active {
	color: #6F7579;
	text-decoration: none;
}

/* layout
----------------------------------------------------------------------------- */
.sp_mode {
	display: none !important;
}

.table_mode {
	display: none !important;
}

.table_mode2 {
	display: none !important;
}

.pc_mode {
	display: block !important;
}

/* table layout default
----------------------------------------------------------------------------- */
table {
	margin-bottom: 40px;
	width: 100%;
}

tr {
	border-bottom: 1px dotted #888;
}

tr:first-child {
	border-top: 1px dotted #888;
}

th {
	background-color: #edecf0;
	vertical-align: top;
	font-weight: normal;
}

td {
	width: 100px;
	vertical-align: top;
}

/* ol layout default
----------------------------------------------------------------------------- */
ol {
	line-height: normal;
}

/* scroll_prevent
----------------------------------------------------------------------------- */
.scroll_prevent {
	position: fixed;
}

/* header
----------------------------------------------------------------------------- */
header {
	position: fixed;
	top: 0;
	right: 0;
	margin: 0 0 0 auto;
	z-index: 1000;
	height: 100vh;
	width: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #F7F7F7 !important;
}

@media all and (max-width : 768px) {
	header {
		width: 100%;
		min-height: 60px;
		height: auto;
		flex-direction: initial;
		background: initial !important;
	}
}

@media all and (max-width : 768px) {
	header .g-nav {
		display: flex;
		align-items: center;
		justify-content: start;
		width: 100%;
	}

	header .g-nav>.sp-only {
		margin: 0 auto 0 5px;
		/*width: 180px;*/
		height: 50px;
	}

	header .g-nav>.sp-only a img {
		width: auto;
		max-height: 50px;
		height: auto;
	}

	header .g-nav .head-join {
		display: none;
		opacity: 0;
		transition: all 0.5s ease;
	}

	header .g-nav .head-join a {
		text-align: left;
		display: block;
	}

	header .g-nav .head-join a img {
		width: auto;
		max-height: 50px;
		height: auto;
	}

	header .g-nav .head-join.active {
		display: block;
		opacity: 1;
	}
}

header .sns-icon {
	margin: 30px auto 0;
}

header .sns-icon li {
	margin: 15px auto 0;
}

header .sns-icon li a svg {
	transition: transform 0.5s ease;
	transform: scale(0.9);
}

header .sns-icon li a:hover svg {
	transform: scale(1);
}

header .reservation {
	display: inline-block;
	transform: rotate(90deg);
	border-radius: 67px;
	border: 1px solid #7494AD;
	background: #FFF;
	cursor: pointer;
	color: #082E47;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	padding: 0 0px;
	height: 50px;
	position: absolute;
	bottom: 140px;
	right: -79px;
	transition: all 0.5s ease;
	width: 218px;
}

header .reservation p {
	font-family: Work Sans;
	transition: transform 0.5s ease;
}

header .reservation:hover {
	border: 1px solid #7494AD;
	background: #7494AD;
}

header .reservation:hover p {
	color: #FFF;
	transform: scale(1.2);
}

header .page-top {
	position: absolute;
	right: 0;
	bottom: 0;
}

header .page-top a {
	position: relative;
	display: block;
	background: transparent;
	width: 60px;
	height: 70px;
	transition: transform 0.5s ease;
}

header .page-top a svg {
	position: absolute;
	top: 27px;
	right: 0;
	left: 0;
	margin: 0 auto;
	vertical-align: bottom;
	transition: top 0.5s ease;
}

header .page-top a p {
	font-family: Work Sans;
	position: absolute;
	right: 0;
	bottom: 3px;
	left: 0;
	font-size: 10px;
	text-align: center;
	margin: 0 auto;
}

header .page-top a:hover {
	opacity: 1;
}

header .page-top a:hover svg {
	top: 17px;
}

/* hamburger
----------------------------------------------------------------------------- */
.hamburger {
	display: block;
	height: 34px;
	margin: 10px auto 0;
	position: relative;
	z-index: 10;
	width: 35px;
	border: none;
	background-color: transparent;
	padding: 10px;
	cursor: pointer;
}

@media all and (max-width : 768px) {
	.hamburger {
		order: 2;
		right: 20px;
		position: absolute;
		top: 0;
	}
}

.hamburger__line {
	display: block;
	height: 2px;
	transform: translateX(-50%);
	width: 18px;
	background-color: #172e59;
	transition: 0.4s;
}

.hamburger__line:before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	width: 30px;
	background-color: #172e59;
	transition: inherit;
}

.hamburger__line:before {
	top: -6.6px;
}

.hamburger__line:after {
	top: 6.6px;
	content: "MENU";
	font-family: Work Sans;
	font-size: 11px;
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	transition: inherit;
	color: #515151;
}

.hamburger__text {
	position: absolute;
	bottom: 8px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

.hamburger.-active .hamburger__line::before {
	top: 0;
	transform: rotate(30deg);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	width: 35px;
	background-color: #172e59;
	transition: inherit;
}

.hamburger.-active .hamburger__line {
	background-color: transparent;
}

.hamburger.-active .hamburger__line::after {
	top: 0;
	transform: rotate(-30deg);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	width: 35px;
	background-color: #172e59;
	transition: inherit;
}

.hamburger .close {
	display: none;
	color: #515151;
}

.hamburger.-active .close {
	display: block;
	font-family: "Work Sans";
	font-size: 12px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -8px;
	margin: 0 auto;
}

.header__nav-area {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: -100%;
	z-index: 100;
	height: 100vh;
	width: 616px;
	visibility: hidden;
	padding: 53px 41px;
	background: rgba(116, 148, 173, 0.9);
	transition: 0.4s;
}

@media all and (max-width : 768px) {
	.header__nav-area {
		visibility: visible;
		background: rgb(116, 148, 173);
		width: 100%;
		padding: 94px 22px 40px;
		overflow: auto;
		justify-content: flex-start;
	}
}

.header__nav-area .wrapper .inner {
	display: flex;
	gap: 70px;
}

@media all and (max-width : 768px) {
	.header__nav-area .wrapper .inner {
		display: block;
		width: 100%;
	}
}

.header__nav-area .wrapper .inner .header__nav {
	width: 200px;
}

@media all and (max-width : 768px) {
	.header__nav-area .wrapper .inner .header__nav {
		width: 100%;
	}
}

.header__nav-area .wrapper .inner .header__nav .item {
	margin: 0 auto 30px;
	width: 100%;
	padding-right: 3em;
	text-transform: uppercase;
}

@media all and (max-width : 768px) {
	.header__nav-area .wrapper .inner .header__nav .item {
		margin: 0 auto 12px;
	}
}

.header__nav-area .wrapper .inner .header__nav .item a {
	display: block;
	width: fit-content;
	font-family: Work Sans, Noto Sans JP;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	text-align: left;
}

@media all and (max-width : 768px) {
	.header__nav-area .wrapper .inner .header__nav .item a {
		font-size: 18px;
		font-weight: 300;
	}
}

.header__nav-area .wrapper .inner .header__nav .item .sub-menu {
	display: none;
}

.header__nav-area .wrapper .inner .header__nav .item .sub-menu a {
	font-size: 14px;
}

.header__nav-area .wrapper .inner .header__nav .item.flag-sub > a {
	position: relative;
}

.header__nav-area .wrapper .inner .header__nav .item.flag-sub > a:after {
	content: "＋";
	position: absolute;
	right: -1.5em;
	text-align: center;
	top: 0;
}

.header__nav-area .wrapper .inner .header__nav .item.flag-sub.open > a:after {
	content: "－";
	position: absolute;
	right: -1.5em;
	text-align: center;
	top: 0;
}

@media all and (max-width : 768px) {
	.header__nav-area .wrapper .inner .sns-icon {
		margin: 47px auto 0;
		padding: 25px 0 0;
		border-top: 1px solid #fff;
		width: 100%;
		display: flex !important;
		flex-wrap: wrap;
		gap: 30px;
	}

	.header__nav-area .wrapper .inner .sns-icon svg {
		width: 24px;
		height: 24px;
	}
}

.header__nav-area .wrapper .sns-icon {
	display: flex;
	align-items: center;
	gap: 30px;
	width: 100%;
	padding: 30px 3px;
	border-top: 1px solid #fff;
}

.f-line {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	margin-bottom: 0;
	position: relative;
	gap: 10px;
	padding: 0 0 35px;
	margin: 100px auto 0;
}

@media all and (max-width : 768px) {
	.f-line {
		flex-direction: column;
		margin: 0 auto;
		margin-bottom: 0 !important;
		padding: 0;
		gap: 0;
	}
}

.f-line li {
	width: 100%;
	height: auto;
	align-self: center;
}

.f-line li a {
	display: block;
	width: 100%;
	height: 100%;
}

.f-line li a p {
	color: #515151;
	font-family: Work Sans;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	text-transform: capitalize;
	margin: 0 0 3px;
}

@media all and (max-width : 768px) {
	.f-line li a p {
		color: #fff;
	}
}

.f-line li a span {
	color: #515151;
	font-family: Noto Sans JP;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

@media all and (max-width : 768px) {
	.f-line li a span {
		color: #fff;
	}
}

@media all and (max-width : 768px) {
	.f-line>li {
		border-top: 1px solid #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
}

@media all and (max-width : 768px) {
	.f-line>li>a {
		text-align: left;
		max-width: 230px;
		flex: 1;
		padding: 12px 0 20px;
	}
}

.f-line>li>a.sp-btn {
	max-width: 100px;
	text-align: right;
	pointer-events: initial;
	cursor: initial;
	text-decoration: none;
}

.side-menu {
	display: none;
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	padding: 20px 0;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	transition: 0.2s;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px 45px;
}

@media all and (max-width : 768px) {
	.side-menu li {
		border-top: 1px dotted #fff;
		width: 100%;
	}
}

.side-menu li a {
	width: 100%;
	text-align: center;
	padding: 11px 14px;
	border: 1px solid #515151;
	color: #515151;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
}

@media all and (max-width : 768px) {
	.side-menu li a {
		width: 330px;
		margin: 0 auto;
		padding: 13px 0;
		border: none;
		color: #fff;
		text-align: left;
	}
}

.side-menu li:hover a {
	color: #fff;
	background: #082E47;
}

.side-menu.photo-card li {
	align-self: flex-start;
}

@media all and (max-width : 768px) {
	.side-menu.photo-card li {
		border-top: 1px dotted #fff;
		width: 100%;
	}
}

.side-menu.photo-card li a {
	border: none;
}

@media all and (max-width : 768px) {
	.side-menu.photo-card li a {
		width: 330px;
		margin: 0 auto;
		padding: 13px 0;
	}
}

.side-menu.photo-card li a .img {
	width: 100%;
	height: 104px;
}

@media all and (max-width : 768px) {
	.side-menu.photo-card li a .img {
		display: none;
	}
}

.side-menu.photo-card li a .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.side-menu.photo-card li a p {
	margin: 3px auto 0;
	color: #515151;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
}

@media all and (max-width : 768px) {
	.side-menu.photo-card li a p {
		text-align: left;
		color: #fff;
	}
}

.side-menu.photo-card li:hover a {
	color: #515151;
	background: transparent;
}

.show .side-menu {
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
	display: grid;
}

@media all and (max-width : 768px) {
	.show .side-menu {
		display: block;
		position: initial;
		padding: 0;
	}
}

.side-menu.fade-in {
	opacity: 0;
}

.s-line {
	margin: -1px auto 0px;
	padding: 36px 0px;
	border-top: 1px solid rgb(0, 0, 0);
}

@media all and (max-width : 768px) {
	.s-line {
		margin: 0;
		padding: 0;
		flex-direction: column;
		border: none;
	}
}

.s-line .side-menu {
	top: 128px;
}

.toggle-sign {
	cursor: pointer;
	display: none;
}

.side-menu-flag .toggle-sign {
	display: inline-block;
}

.side-menu-flag>a {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}

.header__nav-area.-active {
	right: 60px;
	visibility: visible;
}

@media all and (max-width : 768px) {
	.header__nav-area.-active {
		right: 0;
	}
}

.global-navigation__list>li {
	padding-bottom: 20px;
	border-bottom: 2px solid #e7e9ee;
}

.global-navigation__list>li+li {
	margin-top: 20px;
}

.global-navigation__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #172e59;
	font-weight: 900;
	transition: color 0.4s;
	font-size: 0.875rem;
}

.global-navigation__link.-accordion {
	position: relative;
	background: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 0;
}

.global-navigation__link.-accordion::after {
	content: "";
	display: block;
	height: 12px;
	position: absolute;
	top: 50%;
	right: 5px;
	width: 2px;
	background-color: #ed3242;
	transform: translateY(-50%);
	transition: transform 0.4s;
}

.global-navigation__link.-accordion::before {
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	background-color: #ed3242;
	transform: translateY(-50%);
}

.global-navigation__link.-active::after {
	transform: translateY(-50%) rotate(-90deg);
}

.accordion {
	height: 0;
	overflow: hidden;
	visibility: hidden;
	transition: 0.4s;
}

.accordion.-active {
	height: auto;
	padding-top: 30px;
	visibility: visible;
}

.accordion__list li {
	font-size: 0.75rem;
}

.accordion__list li+li {
	margin-top: 21px;
}

.accordion__link {
	color: #172e59;
}

.reservation-pop,
.reservation-pop-tel,
.reservation-pop-web {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: right 0.3s ease-out;
	z-index: -1;
	opacity: 0;
	transition: all 0.3s ease;
}

@media all and (max-width : 768px) {

	.reservation-pop,
	.reservation-pop-tel,
	.reservation-pop-web {
		right: 0;
		bottom: -100%;
		transition: bottom 0.3s ease-out;
		width: 100%;
	}
}

.reservation-pop.show,
.reservation-pop-tel.show,
.reservation-pop-web.show {
	opacity: 1;
	z-index: 100;
}

@media all and (max-width : 768px) {

	.reservation-pop.show,
	.reservation-pop-tel.show,
	.reservation-pop-web.show {
		display: block;
		top: auto;
		right: 0;
		left: 0;
		bottom: 50px !important;
		transform: translate(0%, 0%);
	}
}

.reservation-pop .reservation-pop-inner,
.reservation-pop-tel .reservation-pop-inner,
.reservation-pop-web .reservation-pop-inner {
	border-radius: 0;
	border: 1px solid #FFF;
	background: #7494AD;
	background: rgba(116, 148, 173, 0.9);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	padding: 53px 85px 48px;
}

@media all and (max-width : 768px) {

	.reservation-pop .reservation-pop-inner,
	.reservation-pop-tel .reservation-pop-inner,
	.reservation-pop-web .reservation-pop-inner {
		border-radius: 25px 25px 0px 0px;
		box-shadow: none;

	}
}

.reservation-pop .open,
.reservation-pop-tel .open,
.reservation-pop-web .open {
	position: absolute;
	top: 10px;
	left: 22px;
	display: flex;
	align-items: center;
	gap: 4px;
}

@media all and (max-width : 768px) {

	.reservation-pop .open.sp-only,
	.reservation-pop-tel .open.sp-only,
	.reservation-pop-web .open.sp-only {
		display: flex !important;
		left: inherit;
		right: 22px;
		gap: 4px;
		cursor: pointer;
	}
}

.reservation-pop .open span,
.reservation-pop-tel .open span,
.reservation-pop-web .open span {
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.reservation-pop .open p,
.reservation-pop-tel .open p,
.reservation-pop-web .open p {
	color: #FFF;
	text-align: center;
	font-family: Work Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.reservation-pop .close,
.reservation-pop-tel .close,
.reservation-pop-web .close {
	position: absolute;
	top: 18px;
	right: 22px;
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
}

.reservation-pop .close span,
.reservation-pop-tel .close span,
.reservation-pop-web .close span {
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.reservation-pop .close p,
.reservation-pop-tel .close p,
.reservation-pop-web .close p {
	color: #FFF;
	text-align: center;
	font-family: Work Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.reservation-pop .shop-ul,
.reservation-pop-tel .shop-ul,
.reservation-pop-web .shop-ul {
	width: 100%;
}

.reservation-pop .shop-ul>li,
.reservation-pop-tel .shop-ul>li,
.reservation-pop-web .shop-ul>li {
	padding: 20px 0 18px;
	border-top: 1px dashed #fff;
}

.reservation-pop .shop-ul>li:first-of-type,
.reservation-pop-tel .shop-ul>li:first-of-type,
.reservation-pop-web .shop-ul>li:first-of-type {
	padding: 0 0 18px;
	border-top: none;
}

.reservation-pop .shop-ul>li .shop-name,
.reservation-pop-tel .shop-ul>li .shop-name,
.reservation-pop-web .shop-ul>li .shop-name {
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.reservation-pop .shop-ul>li .link-ul,
.reservation-pop-tel .shop-ul>li .link-ul,
.reservation-pop-web .shop-ul>li .link-ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 15px auto 0;
}

.reservation-pop .shop-ul>li .link-ul li,
.reservation-pop-tel .shop-ul>li .link-ul li,
.reservation-pop-web .shop-ul>li .link-ul li {
	width: 100%;
}

.reservation-pop .shop-ul>li .link-ul li a,
.reservation-pop-tel .shop-ul>li .link-ul li a,
.reservation-pop-web .shop-ul>li .link-ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 40px;
	border-radius: 20px;
	border: 0.667px solid #FFF;
	background: #EEF2F5;
	color: #082E47;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	transition: all 0.5s ease;
	width: 180px;
	margin-inline: auto;
}

@media all and (max-width : 768px) {

	.reservation-pop .shop-ul>li .link-ul li a,
	.reservation-pop-tel .shop-ul>li .link-ul li a,
	.reservation-pop-web .shop-ul>li .link-ul li a {
		width: 100%;
	}
}

.reservation-pop .shop-ul>li .link-ul li a.web,
.reservation-pop-tel .shop-ul>li .link-ul li a.web,
.reservation-pop-web .shop-ul>li .link-ul li a.web {

	border: 0.667px solid #FFF;
	background: #082E47;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	transition: all 0.5s ease;
	width: 180px;
}

@media all and (max-width : 768px) {

	.reservation-pop .shop-ul>li .link-ul li a.web,
	.reservation-pop-tel .shop-ul>li .link-ul li a.web,
	.reservation-pop-web .shop-ul>li .link-ul li a.web {
		width: 100%;
	}
}

.reservation-pop .shop-ul>li .link-ul li a:hover,
.reservation-pop-tel .shop-ul>li .link-ul li a:hover,
.reservation-pop-web .shop-ul>li .link-ul li a:hover {
	opacity: 1;
	border: 0.667px solid #FFF;
	background: #082E47;
	color: #FFF;
}

.reservation-pop .shop-ul>li .link-ul li a:hover.web,
.reservation-pop-tel .shop-ul>li .link-ul li a:hover.web,
.reservation-pop-web .shop-ul>li .link-ul li a:hover.web {
	border: 0.667px solid #FFF;
	background: #EEF2F5;
	color: #082E47;
}

.header-logo {
	text-align: right;
	margin: 0 auto;
	padding: 10px 0 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	width: calc(100% - 80px);
	margin: 0 auto 0 0;
	overflow: hidden;
}

.header-logo p {
	color: #515151;
	text-align: right;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.header-logo h1 {
	color: #515151;
	text-align: right;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.header-logo-img {
	position: fixed;
	top: 15px;
	left: 15px;
	z-index: 10;
	width: 200px;
}

.header-logo-img a img {
	width: 100%;
}

/* pankuzu
----------------------------------------------------------------------------- */
.pankuzu {
	padding: 0 15px;
	margin: 10px auto 10px 0;
	width: calc(100% - 80px);
	overflow: hidden;
}

@media all and (max-width : 768px) {
	.pankuzu {
		display: none;
	}
}

.pankuzu ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 5px 0;
}

.pankuzu ul li {
	color: #515151;
	font-family: Noto Sans JP;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.pankuzu ul li::after {
	content: ">";
	color: #515151;
	font-family: Noto Sans JP;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin: 0 0.5em;
}

.pankuzu ul li:last-of-type::after {
	display: none;
}

.pankuzu ul li a {
	color: #515151;
	font-family: Noto Sans JP;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

/* fv
----------------------------------------------------------------------------- */
.fv {
	margin: 0 auto 0 0;
	padding: 81px 0 0 0;
	padding: 0;
	width: calc(100% - 60px);
	overflow: hidden;
}

@media all and (max-width : 768px) {
	.fv {
		width: 100%;
	}
}

@media all and (max-width : 768px) {
	.fv {
		margin: 0 auto;
		padding: 70px 37px 0;
	}
}

.fv .fv-title {
	color: #515151;
	text-align: center;
	font-family: Work Sans;
	font-size: 28px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: uppercase;
	background: #F7F7F7;
	padding: 30px 0;
}

@media all and (max-width : 768px) {
	.fv .fv-title {
		width: 100vw;
		margin: 0 calc(50% - 50vw);
		font-size: 28px;
		font-weight: 300;
		padding: 17px 0;
	}
}

.fv .fv-title span {
	display: block;
	text-align: center;
	font-family: Noto Sans JP;
	font-size: 12px;
	font-style: normal;
	font-weight: 200;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.fv .fv-title span {
		font-size: 12px;
		line-height: 1.5;
	}
}

.fv .shop-area {
	margin: 102px auto 0;
}

@media all and (max-width : 768px) {
	.fv .shop-area {
		margin: 40px auto 0;
	}
}

.fv .shop-area .pc-only ul {
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: auto;
	width: 788px;
	margin: 0 auto;
}

.fv .shop-area .pc-only ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 240px;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #082E47;
	background: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
	transition: all 0.5s ease;
}

.fv .shop-area .pc-only ul li a:hover {
	opacity: 1;
	border: 1px solid #082E47;
	background: #082E47;
	color: #fff;
}

.fv .shop-area .sp-only {
	margin: 24px auto 0;
}

.fv .shop-area .sp-only .select-box {
	position: relative;
}

@media all and (max-width : 768px) {
	.fv .shop-area .sp-only .select-box {
		width: 100%;
		margin-inline: auto;
	}
}

.fv .shop-area .sp-only .select-box:after {
	position: absolute;
	right: 33px;
	top: 50%;
	margin-top: -14px;
	content: url(../images/select-arrow.svg);
	width: 11px;
	height: 7px;
	pointer-events: none;
}

.fv .shop-area .sp-only .select-box select {
	max-width: 340px;
	width: 100%;
	min-height: 60px;
	border-radius: 30px;
	border: 1px solid #082E47;
	background: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
	text-align: center;
	appearance: none;
	color: #515151;
	white-space: normal;
	padding: 10px 50px;
}

.fv .shop-area .sp-only .select-box select:hover {
	color: #515151;
}

@media all and (max-width : 768px) {
	.fv .shop-area .sp-only .select-box select {
		text-align: center;
		text-align-last: center;
	}

	.fv .shop-area .sp-only .select-box select option {
		text-align: center;
		color: #515151;
	}

	.fv .shop-area .sp-only .select-box select option:hover {
		color: #515151;
	}
}

.fv .shop-area .sp-only .select-box select::-ms-expand {
	display: none;
}

/* main
----------------------------------------------------------------------------- */
main {
	width: calc(100% - 60px);
	margin: 0 auto 0 0;
	overflow: hidden;
}

@media all and (max-width : 768px) {
	main {
		width: 100%;
	}
}

/* wrapper
----------------------------------------------------------------------------- */
/* page_top
----------------------------------------------------------------------------- */
/* f-pankuzu
----------------------------------------------------------------------------- */
.footerarea .pankuzu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 20px;
	margin: 60px 0 0;
	font-size: 12px;
	line-height: 1.5;
}

.footerarea .pankuzu a {
	margin: 0 0.5em 0 0;
	font-size: 10px;
	line-height: 1.5;
}

/* footer
----------------------------------------------------------------------------- */
.footerarea {
	margin: 0 auto 10px;
}

.footerarea h1 {
	padding: 0 15px;
	text-align: left;
	font-family: Noto Sans JP;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

footer {
	width: calc(100% - 60px);
	margin: 0 auto 0 0;
	overflow: hidden;
	background: #082E47;
	position: relative;
	position: sticky;
	top: 100vh;
}

@media all and (max-width : 768px) {
	footer {
		width: 100%;
		padding: 53px 30px 100px;

	}
}

footer .g-nav {
	padding: 28px 20px;
}

@media all and (max-width : 768px) {
	footer .g-nav {
		padding: 0;
	}
}

footer .g-nav .g-nav-ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 25px;
	min-height: 100% !important;
}

@media all and (max-width : 768px) {
	footer .g-nav .g-nav-ul {
		gap: 27px 6%;
		max-width: 315px;
		margin: 0 auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: auto;
	}
}

@media all and (max-width : 768px) {
	footer .g-nav .g-nav-ul li {
		width: 47%;
	}
}

footer .g-nav .g-nav-ul li a {
	color: #fff;
	font-family: Work Sans;
	font-size: 13px;
	font-weight: 300;
	line-height: 150%;
	text-transform: uppercase;
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	footer .g-nav .g-nav-ul li a {
		display: block;
		width: max-content;
		font-family: Work Sans;
		font-size: 18px;
		font-style: normal;
		font-weight: 300;
		line-height: 150%;
		text-align: left;
		text-transform: uppercase;
	}
}

footer .g-nav .g-nav-ul li a:hover {
	opacity: 1;
	color: #7494AD;
}

@media all and (max-width : 768px) {
	footer .sns-icon.sp-only {
		margin: 39px auto 0;
		padding: 42px 16px 0;
		border-top: 1px solid #fff;
		display: flex !important;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 34px 46px;
		max-width: 315px;
	}
}

@media all and (max-width : 768px) {
	footer .sns-icon.sp-only li a svg {
		transform: scale(0.9);
	}
}

footer .page-top {
	position: absolute;
	right: 11px;
	bottom: 85px;
}

footer .page-top a {
	display: block;
}

/*アニメーション*/
@keyframes slide1 {
	0% {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}

@keyframes slide2 {
	0% {
		transform: translateX(0);
	}

	to {
		transform: translateX(-200%);
	}
}

.flipLeftTop {
	animation-name: flipLeftTopAnime;
	animation-duration: 0.7s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes flipLeftTopAnime {
	from {
		transform: translate(-20px, 80px) rotate(-15deg);
		opacity: 0;
	}

	to {
		transform: translate(0, 0) rotate(0deg);
		opacity: 1;
	}
}

/* fadeUp */
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes fadeUpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* fadeIn */
.fadeIn {
	animation-name: fadeInAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.fadeIn02 {
	opacity: 0;
}

.fadeIn02.is-animated {
	animation-name: fadeInAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

@keyframes fadeInAnime {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* fadeDown */
.fadeDown {
	animation-name: fadeDownAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes fadeDownAnime {
	from {
		opacity: 0;
		transform: translateY(-50px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* fadeRight */
.fadeRight {
	animation-name: fadeRightAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes fadeRightAnime {
	from {
		opacity: 0;
		transform: translateX(0);
	}

	to {
		opacity: 1;
		transform: translateX(-50px);
	}
}

/* fadeLeft */
.fadeLeft {
	animation-name: fadeLeftAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes fadeLeftAnime {
	from {
		opacity: 0;
		transform: translateX(-50px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* headMovieRight */
.headMovieRight {
	animation-name: headMovieRightAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes headMovieRightAnime {
	from {
		opacity: 0;
		transform: translateX(100%);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* headMovieLeft */
.headMovieLeft {
	animation-name: headMovieLeftAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes headMovieLeftAnime {
	from {
		opacity: 1;
		transform: translateX(-100vw);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.blur {
	animation-name: blurAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes blurAnime {
	from {
		filter: blur(10px);
		transform: scale(1.02);
		opacity: 0;
	}

	to {
		filter: blur(0);
		transform: scale(1);
		opacity: 1;
	}
}

.delay-time02 {
	animation-delay: 0.2s;
}

.delay-time04 {
	animation-delay: 0.4s;
}

.delay-time05 {
	animation-delay: 0.5s;
}

.delay-time10 {
	animation-delay: 1s;
}

.delay-time15 {
	animation-delay: 1.5s;
}

.delay-time20 {
	animation-delay: 2s;
}

.delay-time25 {
	animation-delay: 2.5s;
}

.delay-time30 {
	animation-delay: 3s;
}

/* .fv h1 アニメーション*/
.fv .fv-title {
	opacity: 0;
	transform: matrix(1, 0, 0, 1, 0, 100);
	transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.fv .fv-title.is-animated {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

.sub-area {
	width: 100%;
	margin: 60px auto 0;
}

@media all and (max-width : 768px) {
	.sub-area {
		margin: 67px auto 0;
	}
}

.sub-area .sub-area-wrapper {
	background: #EEF2F5;
	padding: 111px 22px 70px;
}

@media all and (max-width : 768px) {
	.sub-area .sub-area-wrapper {
		padding: 63px 48px 70px;
	}
}

.sub-area .sub-area-wrapper .sub-area-inner {
	max-width: 900px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, auto);
	justify-content: space-between;
}

@media all and (max-width : 768px) {
	.sub-area .sub-area-wrapper .sub-area-inner {
		display: block;
	}
}

.sub-area .sub-area-wrapper .sub-area-inner h3 {
	text-align: center;
	font-family: Work Sans;
	font-size: 26px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: capitalize;
}

@media all and (max-width : 768px) {
	.sub-area .sub-area-wrapper .sub-area-inner h3 {
		font-size: 26px;
	}
}

.sub-area .sub-area-wrapper .sub-area-inner .calendar {
	width: 220px;
}

@media all and (max-width : 768px) {
	.sub-area .sub-area-wrapper .sub-area-inner .calendar {
		width: 100%;
	}
}

.sub-area .sub-area-wrapper .sub-area-inner .recent-posts {
	width: 220px;
}

@media all and (max-width : 768px) {
	.sub-area .sub-area-wrapper .sub-area-inner .recent-posts {
		width: 100%;
		margin: 73px auto 0;
	}
}

.sub-area .sub-area-wrapper .sub-area-inner .recent-posts .recent-posts-wrapper {
	margin: 19px auto 0;
}

.sub-area .sub-area-wrapper .sub-area-inner .recent-posts .recent-posts-wrapper ul.post-li li {
	border-bottom: 1px dashed #515151;
}

.sub-area .sub-area-wrapper .sub-area-inner .recent-posts .recent-posts-wrapper ul.post-li li a {
	display: block;
	text-align: left;
	padding: 9px 0;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media all and (max-width : 768px) {
	.sub-area .sub-area-wrapper .sub-area-inner .recent-posts .recent-posts-wrapper ul.post-li li a {
		font-size: 14px;
	}
}

.sub-area .sub-area-wrapper .sub-area-inner .recent-posts .recent-posts-wrapper ul.post-li li:first-of-type {
	border-top: none;
}

.sub-area .sub-area-wrapper .sub-area-inner .recent-posts .recent-posts-wrapper ul.post-li li:first-of-type a {
	padding: 0 0 9px;
}

.sub-area .sub-area-wrapper .sub-area-inner .category {
	width: 220px;
}

@media all and (max-width : 768px) {
	.sub-area .sub-area-wrapper .sub-area-inner .category {
		width: 100%;
		margin: 73px auto 0;
	}
}

.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper {
	margin: 19px auto 0;
}

.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper ul.category-li li {
	border-bottom: 1px dashed #515151;
}

.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper ul.category-li li a {
	display: block;
	text-align: left;
	padding: 9px 0;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media all and (max-width : 768px) {
	.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper ul.category-li li a {
		font-size: 14px;
	}
}

.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper ul.category-li li:first-of-type {
	border-top: none;
}

.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper ul.category-li li:first-of-type a {
	padding: 0 0 9px;
}

.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper .search {
	margin: 28px auto 0;
	width: 100%;
}

.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper .search form {
	background: #fff;
	position: relative;
}

.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper .search form input {
	border: none;
	padding: 9px;
	color: #808080;
	font-family: Noto Sans JP;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper .search form input {
		font-size: 14px;
		background: #fff;
	}
}

.sub-area .sub-area-wrapper .sub-area-inner .category .category-wrapper .search form button {
	position: absolute;
	top: 50%;
	right: 12px;
	padding: 0;
	margin-top: -11px;
	border: none;
	background: #fff;
}

.access-ranking {
	width: 100%;
}

.access-ranking .sub-area-wrapper {
	padding: 60px 0 120px;
	background: #EEF2F5;
}

@media all and (max-width : 768px) {
	.access-ranking .sub-area-wrapper {
		padding-bottom: 83px;
	}
}

.access-ranking .sub-area-wrapper .sub-area-inner h3 {
	color: #000;
	text-align: center;
	font-family: Work Sans;
	font-size: 28px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: uppercase;
}

.access-ranking .sub-area-wrapper .sub-area-inner .slide {
	max-width: 900px;
	margin: 40px auto 0;
}

@media all and (max-width : 768px) {
	.access-ranking .sub-area-wrapper .sub-area-inner .slide {
		overflow-x: scroll;
		white-space: nowrap;
	}
}

.access-ranking .sub-area-wrapper .sub-area-inner ul {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0 20px;
	counter-reset: number 0;
}

@media all and (max-width : 768px) {
	.access-ranking .sub-area-wrapper .sub-area-inner ul {
		width: 900px;
		padding: 0 0 30px;
	}
}

.access-ranking .sub-area-wrapper .sub-area-inner ul li {
	width: 165px;
}

.access-ranking .sub-area-wrapper .sub-area-inner ul li a {
	display: block;
	position: relative;
}

.access-ranking .sub-area-wrapper .sub-area-inner ul li a::after {
	position: absolute;
	counter-increment: number 1;
	content: counter(number) " ";
	margin: 0 auto;
	right: 0;
	bottom: -25px;
	left: 0;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	font-family: "Work Sans";
	font-size: 33.289px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
}

.access-ranking .sub-area-wrapper .sub-area-inner ul li a .img {
	aspect-ratio: 1;
	overflow: hidden;
	width: 164px;
	aspect-ratio: 1;
}

.access-ranking .sub-area-wrapper .sub-area-inner ul li a img {
	aspect-ratio: 1;
	width: 100%;
	object-fit: cover;
	transform: scale(1.1);
	transition: transform 0.3s ease;
}

.access-ranking .sub-area-wrapper .sub-area-inner ul li a .hover {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	aspect-ratio: 1;
	width: 100%;
	background: rgba(217, 217, 217, 0.8);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s all;
}

.access-ranking .sub-area-wrapper .sub-area-inner ul li a:hover {
	opacity: 1;
}

.access-ranking .sub-area-wrapper .sub-area-inner ul li a:hover .img img {
	transform: scale(1);
}

.access-ranking .sub-area-wrapper .sub-area-inner ul li a:hover .hover {
	opacity: 1;
}

.ranking {
	width: 100%;
}

.ranking .sub-area-wrapper {
	padding: 60px 0 138px;
	background: #EEF2F5;
}

@media all and (max-width : 768px) {
	.ranking .sub-area-wrapper {
		padding-bottom: 83px;
	}
}

.ranking .sub-area-wrapper .sub-area-inner h3 {
	color: #000;
	text-align: center;
	font-family: Work Sans;
	font-size: 28px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: uppercase;
}

.ranking .sub-area-wrapper .sub-area-inner .slide {
	max-width: 900px;
	margin: 40px auto 0;
}

@media all and (max-width : 768px) {
	.ranking .sub-area-wrapper .sub-area-inner .slide {
		overflow-x: scroll;
		white-space: nowrap;
	}
}

.ranking .sub-area-wrapper .sub-area-inner ul {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0 20px;
	counter-reset: number 0;
}

@media all and (max-width : 768px) {
	.ranking .sub-area-wrapper .sub-area-inner ul {
		width: 900px;
		padding: 0 0 30px;
	}
}

.ranking .sub-area-wrapper .sub-area-inner ul li {
	width: 163px;
}

.ranking .sub-area-wrapper .sub-area-inner ul li a {
	display: block;
	position: relative;
}

.ranking .sub-area-wrapper .sub-area-inner ul li a::after {
	position: absolute;
	counter-increment: number 1;
	content: counter(number) " ";
	margin: 0 auto;
	right: 0;
	bottom: -18px;
	left: 0;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	font-family: "Work Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
}

.ranking .sub-area-wrapper .sub-area-inner ul li a .img {
	aspect-ratio: 1/1.16;
	overflow: hidden;
}

.ranking .sub-area-wrapper .sub-area-inner ul li a img {
	aspect-ratio: 1/1.16;
	width: 100%;
	object-fit: cover;
	transition: 0.3s all;
	transform: scale(1.1);
}

.ranking .sub-area-wrapper .sub-area-inner ul li a .hover {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	aspect-ratio: 1/1.16;
	width: 100%;
	background: rgba(217, 217, 217, 0.8);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s all;
}

.ranking .sub-area-wrapper .sub-area-inner ul li a:hover {
	opacity: 1;
}

.ranking .sub-area-wrapper .sub-area-inner ul li a:hover .img img {
	transform: scale(1);
}

.ranking .sub-area-wrapper .sub-area-inner ul li a:hover .hover {
	opacity: 1;
}

.template {
	padding: 0 20px;
}

@media all and (max-width : 768px) {
	.template {
		padding: 0;
	}
}

.template>.img,
.template .eye-catch {
	margin-top: 80px;
}

@media all and (max-width : 768px) {

	.template>.img,
	.template .eye-catch {
		margin-top: 40px;
		font-size: 13px;
		margin: 0 22px;
		text-align: left;
	}

	.template>.img p,
	.template .eye-catch p {
		margin: 0 auto !important;
	}
}

@media all and (max-width : 768px) {

	.template>.img img,
	.template .eye-catch img {
		width: 100%;
	}
}

.template>.img .img-img img,
.template>.img .eye-catch-img img,
.template .eye-catch .img-img img,
.template .eye-catch .eye-catch-img img {
	width: 100%;
}

@media all and (max-width : 768px) {

	.template>.img .img-img img,
	.template>.img .eye-catch-img img,
	.template .eye-catch .img-img img,
	.template .eye-catch .eye-catch-img img {
		height: auto;
	}
}

.template>.img .img-text,
.template>.img .eye-catch-text,
.template .eye-catch .img-text,
.template .eye-catch .eye-catch-text {
	text-align: left;
	margin-top: 28px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {

	.template>.img .img-text,
	.template>.img .eye-catch-text,
	.template .eye-catch .img-text,
	.template .eye-catch .eye-catch-text {
		margin: 25px 22px 0;
		font-size: 13px;
		padding: 0;
	}
}

.template>.img p,
.template .eye-catch p {
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {

	.template>.img p,
	.template .eye-catch p {
		margin: 25px 22px 0;
		font-size: 13px;
		padding: 0;
	}
}

.template .column01 {
	margin-top: 80px;
}

@media all and (max-width : 768px) {
	.template .column01 {
		margin-top: 40px;
	}
}

.template .column01-img img {
	width: 100%;
	vertical-align: bottom;
}

@media all and (max-width : 768px) {
	.template .column01-img img {
		height: auto;
	}
}

.template .column01-title {
	text-align: left;
	margin-top: 25px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column01-title {
		margin: 15px 22px 0;
		font-size: 16px;
		font-weight: 500;
		padding: 0;
	}
}

.template .column01-text {
	text-align: left;
	margin-top: 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column01-text {
		margin: 15px 22px 0;
		font-size: 13px;
		padding: 0;
	}
}

.template .column02 {
	display: flex;
	gap: 0 30px;
	margin-top: 80px;
}

.template .column02 p:not(.column02-column-textarea-title) {
	text-align: left;
	margin-top: 15px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column02 p:not(.column02-column-textarea-title) {
		margin: 15px 22px 0;
		font-size: 13px;
		padding: 0;
	}
}

@media all and (max-width : 768px) {
	.template .column02 {
		display: block;
		margin-top: 40px;
	}
}

.template .column02-column {
	width: 100%;
}

@media all and (max-width : 768px) {
	.template .column02-column {
		width: 100%;
	}

	.template .column02-column:last-of-type {
		margin-top: 30px;
	}
}

.template .column02-column-img {
	width: 100%;
	height: 293px;
	background: #F7F7F7;
}

@media all and (max-width : 768px) {
	.template .column02-column-img {
		width: 100%;
		height: auto;
	}
}

.template .column02-column-img img {
	width: 100%;
	height: 293px;
	object-fit: contain;
	vertical-align: bottom;
}

@media all and (max-width : 768px) {
	.template .column02-column-img img {
		width: 100%;
		height: auto;
	}
}

@media all and (max-width : 768px) {
	.template .column02-column-img {
		width: 100%;
		height: auto;
	}
}

.template .column02-column-textarea-title {
	text-align: left;
	margin-top: 23px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column02-column-textarea-title {
		margin: 15px 22px 0;
		font-size: 16px;
		font-weight: 500;
		padding: 0;
	}
}

.template .column02-column-textarea-text {
	text-align: left;
	margin-top: 15px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column02-column-textarea-text {
		margin: 15px 22px 0;
		font-size: 13px;
		padding: 0;
	}
}

.template .column02-left {
	display: flex;
	gap: 0 30px;
	margin-top: 80px;
}

@media all and (max-width : 768px) {
	.template .column02-left {
		display: block;
		margin-top: 40px;
	}
}

.template .column02-left p:not(.column02-left-textarea-title) {
	text-align: left;
	margin-top: 15px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column02-left p:not(.column02-left-textarea-title) {
		margin: 15px 22px 0;
		font-size: 13px;
		padding: 0;
	}
}

.template .column02-left-img {
	width: 440px;
	height: auto;
	background: #F7F7F7;
}

@media all and (max-width : 768px) {
	.template .column02-left-img {
		width: 100%;
	}
}

.template .column02-left-img img {
	width: 100%;
	vertical-align: bottom;
}

@media all and (max-width : 768px) {
	.template .column02-left-img img {
		height: auto;
	}
}

.template .column02-left-textarea {
	width: 440px;
	height: auto;
}

@media all and (max-width : 768px) {
	.template .column02-left-textarea {
		width: 100%;
	}
}

.template .column02-left-textarea-title {
	text-align: left;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column02-left-textarea-title {
		margin: 15px 22px 0;
		font-size: 16px;
		font-weight: 500;
		padding: 0;
	}
}

.template .column02-left-textarea-text {
	text-align: left;
	margin-top: 15px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column02-left-textarea-text {
		margin: 15px 22px 0;
		font-size: 13px;
		padding: 0;
	}
}

.template .column02-right {
	display: flex;
	gap: 0 30px;
	margin-top: 80px;
}

@media all and (max-width : 768px) {
	.template .column02-right {
		display: block;
		margin-top: 40px;
	}
}

.template .column02-right p:not(.column02-right-textarea-title) {
	text-align: left;
	margin-top: 15px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column02-right p:not(.column02-right-textarea-title) {
		margin: 15px 22px 0;
		font-size: 13px;
		padding: 0;
	}
}

.template .column02-right-img {
	order: 2;
	width: 440px;
	height: auto;
	background: #F7F7F7;
}

@media all and (max-width : 768px) {
	.template .column02-right-img {
		width: 100%;
	}
}

.template .column02-right-img img {
	width: 100%;
	vertical-align: bottom;
}

@media all and (max-width : 768px) {
	.template .column02-right-img img {
		height: auto;
	}
}

.template .column02-right-textarea {
	order: 1;
	width: 440px;
	height: auto;
}

@media all and (max-width : 768px) {
	.template .column02-right-textarea {
		width: 100%;
	}
}

.template .column02-right-textarea-title {
	text-align: left;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column02-right-textarea-title {
		margin: 15px 22px 0;
		font-size: 16px;
		font-weight: 500 !important;
		padding: 0;
	}
}

.template .column02-right-textarea-text {
	text-align: left;
	margin-top: 15px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .column02-right-textarea-text {
		margin: 15px 22px 0;
		font-size: 13px;
		padding: 0;
	}
}

.template .youtube {
	max-width: 800px;
	margin: 80px auto 0;
}

@media all and (max-width : 768px) {
	.template .youtube {
		padding: 0 22px;
	}
}

.template .youtube iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}

.template .gaiyou {
	width: 100%;
	margin-top: 80px;
	padding: 58px 75px 64px;
	background: #fff;
}

@media all and (max-width : 768px) {
	.template .gaiyou {
		margin-top: 40px;
		padding: 53px 22px 43px;
	}
}

.template .gaiyou>p {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

.template .gaiyou.gray {
	background: #F7F7F7;
}

.template .gaiyou dl {
	margin: 44px auto 0;
	display: flex;
	border-bottom: 1px solid #D9D9D9;
	text-align: left;
}

.template .gaiyou dl dt {
	width: 144px;
	padding: 17px 0;
	font-style: normal;
	line-height: 200%;
	font-size: 12px;
	font-weight: 500;
}

@media all and (max-width : 768px) {
	.template .gaiyou dl dt {
		width: 80px;
		font-size: 13px;
		padding: 17px 10px 17px 0;
	}
}

.template .gaiyou dl dd {
	display: flex;
	align-items: center;
	width: 606px;
	padding: 17px 0;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .gaiyou dl dd {
		width: 250px;
		font-size: 13px;
	}
}

.template .dashed-box {
	margin-top: 80px;
	padding: 23px 26px 21px;
	width: 100%;
	border: 1px dashed #515151;
}

@media all and (max-width : 768px) {
	.template .dashed-box {
		padding: 25px 20px 23px;
		margin: 40px 22px 0;
		width: calc(100% - 44px);
	}
}

.template .dashed-box p {
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.template .dashed-box p {
		font-size: 13px;
	}
}

.template .out-link {
	margin-top: 80px;
	text-align: center;
}

@media all and (max-width : 768px) {
	.template .out-link {
		margin-top: 40px;
		padding: 0 22px;
	}
}

.template .out-link p {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	text-align: center;
}

@media all and (max-width : 768px) {
	.template .out-link p {
		font-size: 13px;
	}
}

.template .out-link a {
	display: block;
	margin-top: 6px;
	width: 100%;
}

.template .out-link a img {
	width: 100%;
}

.template .pdf-link {
	margin-top: 80px;
	text-align: center;
}

@media all and (max-width : 768px) {
	.template .pdf-link {
		margin-top: 40px;
	}
}

.template .pdf-link p {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	text-align: center;
}

@media all and (max-width : 768px) {
	.template .pdf-link p {
		font-size: 13px;
	}
}

.template .pdf-link a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 600px;
	height: 80px;
	border-radius: 40px;
	border: 1px solid #283A49;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
	margin: 6px auto 0;
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	.template .pdf-link a {
		width: 260px;
		height: 60px;
		border-radius: 35px;
		background: #082E47;
		color: #fff;
		font-size: 13px;
	}
}

.template .pdf-link a:hover {
	background: #082E47;
	color: #fff;
}

.border-title01 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #082E47;
	height: 60px;
	font-family: Work Sans;
	font-weight: 200;
	font-size: 28px;
	padding: 0 90px 0 25px;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
}

@media all and (max-width : 768px) {
	.border-title01 {
		padding: 0 20px;
		height: 46px;
		justify-content: center;
		font-size: 28px;
	}
}

.border-title02 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	height: 60px;
	font-family: Work Sans;
	font-weight: 200;
	font-size: 28px;
	width: 100%;
	padding: 0 90px 0 25px;
	width: 100%;
	color: #515151;
	text-transform: uppercase;
}

@media all and (max-width : 768px) {
	.border-title02 {
		padding: 41px 20px 31px;
		height: auto;
		justify-content: center;
		font-size: 28px;
	}
}

.more_btn.--01 a {
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.5s ease;
}

.more_btn.--01 a p {
	font-family: Work Sans;
	font-size: 14px;
	color: #fff;
	text-transform: initial;
	font-weight: normal;
}

.more_btn.--01 a .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: #fff;
	border-radius: 50%;
}

.more_btn.--01 a .icon .img {
	display: block;
	height: 7px;
	width: 13px;
	margin: 0 auto;
	transition: all 0.5s ease;
}

.more_btn.--01 a .icon .img svg {
	display: block;
	transition: all 0.5s ease;
}

.more_btn.--01 a:hover {
	opacity: 1;
}

.more_btn.--01 a:hover .icon .img svg {
	margin: 0 0 0 11px;
}

.more_btn.--02 a {
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.5s ease;
}

.more_btn.--02 a p {
	font-family: Work Sans;
	font-size: 14px;
	color: #082E47;
	text-transform: initial;
	font-weight: normal;
}

.more_btn.--02 a .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: #082E47;
	border-radius: 50%;
}

.more_btn.--02 a .icon .img {
	display: block;
	height: 7px;
	width: 13px;
	margin: 0 auto;
	transition: all 0.5s ease;
}

.more_btn.--02 a .icon .img svg {
	display: block;
	transition: all 0.5s ease;
}

.more_btn.--02 a:hover {
	opacity: 1;
}

.more_btn.--02 a:hover .icon .img svg {
	margin: 0 0 0 11px;
}

.more_btn.--03 {
	display: flex;
	align-items: center;
	position: relative;
	width: 120px;
	height: 46px;
	background: #082E47;
	border-radius: 23px;
}

.more_btn.--03 p {
	font-size: 14px;
	font-family: "Work Sans";
	font-weight: 400;
	color: #fff;
	margin: 0 auto 0 33px;
}

.more_btn.--03 span {
	font-size: 14px;
	color: #fff;
	margin: 0 20px 0 auto;
	transition: all 0.5s ease;
}

.more_btn.--03:hover {
	opacity: 1;
	border: 1px solid #082E47;
	background: #fff;
}

.more_btn.--03:hover p {
	color: #082E47;
}

.more_btn.--03:hover span {
	color: #082E47;
	margin: 0 14px 0 auto;
}

.more_btn.--04 {
	display: flex;
	align-items: center;
	position: relative;
	width: 120px;
	height: 46px;
	background: #fff;
	border-radius: 23px;
	border: 1px solid #082E47;
}

.more_btn.--04 p {
	font-size: 14px;
	font-family: "Work Sans";
	font-weight: 400;
	color: #082E47;
	margin: 0 auto 0 33px;
}

.more_btn.--04 span {
	font-size: 14px;
	color: #082E47;
	margin: 0 20px 0 auto;
	transition: all 0.5s ease;
}

.more_btn.--04:hover {
	opacity: 1;
	border: 1px solid #082E47;
	background: #082E47;
}

.more_btn.--04:hover p {
	color: #fff;
}

.more_btn.--04:hover span {
	color: #fff;
	margin: 0 14px 0 auto;
}

.back-btn {
	margin: 60px auto 0;
}

.back-btn a {
	margin-inline: auto;
	width: 160px;
	height: 46px;
	display: flex;
	align-items: center;
	border: 1px solid #082E47;
	border-radius: 67px;
	background: #fff;
	font-size: 14px;
	color: #283A49;
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	.back-btn a {
		border: 1px solid #082E47;
		background: #082E47;
		color: #fff;
	}
}

.back-btn a span {
	margin: 0 auto 0 23px;
	transition: margin 0.5s ease;
}

.back-btn a p {
	margin: 0 25px 0 auto;
}

.back-btn a:hover {
	opacity: 1;
	background: #082E47;
	color: #fff;
}

.back-btn a:hover span {
	margin: 0 auto 0 15px;
}

.pop-up-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

.pop-up-footer ul {
	display: flex;
	height: 50px;
	background: #7494AD;
}

.pop-up-footer ul li {
	width: 50%;
}

.pop-up-footer ul li.w100 {
	width: 100%;
}

.pop-up-footer ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	color: #fff;
	font-size: 16px;
}

.pop-up-footer ul li a span {
	width: 100%;
}

.pop-up-footer ul li:first-of-type a span {
	border-right: 1px solid #fff;
}

.pop-up-footer ul li.w100:first-of-type a span {
	border-right: none;
}

.other-li {
	padding: 33px 0 0;
	margin: 40px 30px 0;
	width: calc(100% - 60px);
	border-top: 1px solid #D9D9D9;
}

.other-li .other-li-inner {
	display: flex !important;
	gap: 13px;
	overflow: auto;
	height: 143px;
}

.other-li .other-li-inner .item {
	width: 155px;
}

.other-li .other-li-inner .item .img {
	width: 155px;
	height: 103px;
}

.other-li .other-li-inner .item .img img {
	width: 155px;
	height: 103px;
	object-fit: cover;
}

.other-li .other-li-inner .item .text {
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
}

body .editor_reset {
	font-size: 12px;
}

body .editor_reset div {
	font-size: 12px;
}

body .editor_reset p {
	font-size: 12px;
	margin: 15px 22px 0;
}
body .editor_reset .eye-catch > div.eye-catch-text {
	font-size: 12px;
	margin: 28px 22px 0;
}
body .editor_reset .eye-catch > div.eye-catch-text p{
	margin: 0;
}

/* sns icon option
----------------------------------------------------------------------------- */
.header__nav-area .sns-icon {
	display: flex;
	align-items: center;
	gap: 30px;
	width: 100%;
	padding: 30px 3px;
	border-top: 1px solid #fff;
}

.header__nav-area .sns-icon li.ig a svg {
	width: 28px !important;
	height: 28px !important;
}

.header__nav-area .sns-icon li.xx a svg {
	width: 25px !important;
	height: 25px !important;
}

.header__nav-area .sns-icon li.fb a svg {
	width: 28px !important;
	height: 28px !important;
}

.header__nav-area .sns-icon li.bl a svg {
	width: 17px !important;
	height: 28px !important;
}

.header__nav-area .sns-icon li.yt a svg {
	width: 28px !important;
	height: 19px !important;
}

.header__nav-area .sns-icon li.ln a svg {
	width: 28px !important;
	height: 26px !important;
}

.header__nav-area .sns-icon li.tt a svg {
	width: 21px !important;
	height: 25px !important;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon li.ig a svg {
	width: 26px !important;
	height: 24px !important;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon li.xx a svg {
	width: 21px !important;
	height: 20px !important;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon li.fb a svg {
	width: 26px !important;
	height: 24px !important;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon li.bl a svg {
	width: 15px !important;
	height: 23px !important;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon li.yt a svg {
	width: 30px !important;
	height: 19px !important;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon li.ln a svg {
	width: 27px !important;
	height: 24px !important;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon li.tt a svg {
	width: 19px !important;
	height: 21px !important;
}

@media all and (max-width : 768px) {
	footer .sns-icon.sp-only {
		margin: 39px auto 0;
		padding: 25px 0 0;
		border-top: 1px solid #fff;
		display: flex !important;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 30px;
		max-width: 295px;
	}
}

footer .sns-icon.sp-only li.ig a svg {
	width: 24px !important;
	height: 24px !important;
}

footer .sns-icon.sp-only li.xx a svg {
	width: 20px !important;
	height: 20px !important;
}

footer .sns-icon.sp-only li.fb a svg {
	width: 24px !important;
	height: 24px !important;
}

footer .sns-icon.sp-only li.bl a svg {
	width: 15px !important;
	height: 24px !important;
}

footer .sns-icon.sp-only li.yt a svg {
	width: 27px !important;
	height: 19px !important;
}

footer .sns-icon.sp-only li.ln a svg {
	width: 25px !important;
	height: 23px !important;
}

footer .sns-icon.sp-only li.tt a svg {
	width: 16px !important;
	height: 19px !important;
}


/* ===================================================================
CSS information
 file name  :  _page.scss
 style info :  ページ設定
=================================================================== */
.top {
	height: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.top .s-title,
.top .fadeUp02 {
	opacity: 0;
	transform: matrix(1, 0, 0, 1, 0, 100);
	transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.top .s-title.is-animated,
.top .fadeUp02.is-animated {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

.top a.more-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 9px;
	padding: 16px 25px 18px;
	border-radius: 67px;
	background: #082E47;
	width: fit-content;
	margin: 0 auto;
	position: relative;
}

.top a.more-btn p {
	color: #FFF;
	font-family: "Work Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.4px;
	width: 67px;
	text-align: left;
}

.top a.more-btn span {
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 16.364px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: absolute;
	right: 25px;
}

.top a.more-btn:hover {
	border: 1px solid #082E47;
	background: #FFF;
}

.top a.more-btn:hover p,
.top a.more-btn:hover span {
	color: #283A49;
}

.top a.more-btn:hover span {
	position: absolute;
	right: 20px;
}

.top .mv {
	width: 100%;
	position: relative;
	transform: none !important;
}

@media all and (max-width : 768px) {
	.top .mv {
		height: 80vh;
	}
}

.top .mv .slider-wrapper .mv-slider-thumbnail {
	position: absolute;
	right: 55px;
	bottom: 10px;
	z-index: 10;
}

.top .mv .slider-wrapper .mv-slider-thumbnail .slick-track {
	width: auto !important;
	display: flex;
	gap: 5px;
}

.top .mv .slider-wrapper .mv-slider-thumbnail .item {
	width: 60px !important;
	height: 60px !important;
	border: 1px solid #fff;
	background: #082E47;
}

.top .mv .slider-wrapper .mv-slider-thumbnail .item img {
	aspect-ratio: 1;
	width: 100%;
	object-fit: cover;
	opacity: 0.3;
	transition: all 0.5s ease;
}

.top .mv .slider-wrapper .mv-slider-thumbnail .item.slick-current img {
	opacity: 1;
}

.top .mv .mv-slider {
	position: relative;
	z-index: 1;
	height: 100vh;
}

.top .mv .mv-slider .mv-slider {
	height: 100vh;
}

.top .mv .mv-slider .item {
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.top .mv .top-news {
	position: absolute;
	bottom: 10vw;
	left: 0;
	z-index: 10;
	width: 50%;
}

@media all and (max-width : 768px) {
	.top .mv .top-news {
		display: none;
	}
}

.top .mv .top-news .bx-wrapper {
	box-shadow: none;
	border: none;
	background: transparent;
}

.top .mv .top-news .news-slider li a {
	position: relative;
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.8);
	padding: 11px 38px 15px 13px;
	height: 50px;
	color: #444;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	width: calc(100% - 25px);
}

.top .mv .top-news .news-slider li a span {
	display: inline-block;
	color: #444;
	font-family: "Work Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin: 0 8px 0 0;
}

.top .mv .top-news .news-slider li a .go {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: -25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #082E47;
	color: #FFF;
	text-align: center;
	font-family: "Work Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.6px;
}

@media all and (max-width : 768px) {
	.top .mv .slider-wrapper .slider {
		position: relative;
		z-index: 1;
		height: 80vh;
	}

	.top .mv .slider-wrapper h2 {
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		font-size: 6vw;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		width: 206px;
	}

	.top .mv .slider-wrapper h2 img {
		width: 100%;
	}

	.top .mv .slider-wrapper .slider-top,
	.top .mv .slider-wrapper .slider-bottom {
		height: 40vh;
		/*スライダー上下の縦幅を画面の高さの半分（50vh）にする*/
	}

	.top .mv .slider-wrapper .slider-item {
		width: 100%;
		/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
		height: 40vh;
		/*各スライダーの縦幅を画面の高さの半分（50vh）にする*/
		background-repeat: no-repeat !important;
		/*背景画像をリピートしない*/
		background-position: center !important;
		/*背景画像の位置を中央に*/
		background-size: cover !important;
		/*背景画像が.slider-item全体を覆い表示*/
	}
}

.top .information {
	max-width: 800px;
	padding: 60px 92px 0;
	margin: 0 auto 0;
	position: relative;
	z-index: 10;
}

@media all and (max-width : 768px) {
	.top .information {
		background: #fff;
		width: 100%;
		margin: 0 auto;
		padding: 63px 30px 50px;
	}
}

.top .information h2 {
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.top .information p {
	margin: 34px auto 0;
	text-align: left;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.top .lineup {
	padding: 60px 0 0 70px;
	margin: 0 60px 0 0;
	overflow: hidden;
}

@media all and (max-width : 768px) {
	.top .lineup {
		padding: 0;
		margin: 0 auto;
	}
}

.top .lineup h2 {
	padding: 0 0 40px;
	text-align: center;
	font-family: "Work Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: capitalize;
	text-transform: uppercase;
}

@media all and (max-width : 768px) {
	.top .lineup h2 {
		padding: 0 0 18px;
		font-size: 28px;
		margin: 0 auto;
	}
}

.top .lineup .swiper {
	overflow: visible;
}

.top .lineup .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

.top .lineup .swiper-slide {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

.top .lineup .slide {
	overflow: hidden;
	width: 36rem;
	border-radius: 4px;
	-webkit-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);
}

.top .lineup .slide-media {
	padding-top: 62.5%;
}

.top .lineup .slide-media img {
	height: calc(100% + 16px);
	-webkit-transform: translateY(-16px);
	transform: translateY(-16px);
}

.top .lineup .slide-content {
	padding: 3.2rem;
}

.top .lineup .slide-date {
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	color: var(--color-theme);
}

.top .lineup .slide-title {
	line-height: 1.6;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 3.2em;
	margin-top: 1.6rem;
}

.top .lineup .item a {
	display: block;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;
}

.top .lineup .item a img {
	display: block;
	transition: transform 0.3s ease;
	transform: scale(1.1);
	height: 166px;
}

@media all and (max-width : 768px) {
	.top .lineup .item a img {
		transform: scale(1);
	}
}

.top .lineup .item a:hover img {
	transform: scale(1);
}

.top .lineup .item a .hover-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	color: #fff;
	font-family: "Arvo", Noto Sans JP;
	font-weight: bold;
	line-height: 1.3;
	width: 90%;
}

.top .lineup .item a .text {
	position: absolute;
	padding: 25px;
	top: 0;
	left: 0;
	display: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 2;
	color: #515151;
	transition: 0.3s all;
	background: rgba(217, 217, 217, 0.8);
	transition: all 0.5s ease;
}

.top .lineup .item a:hover .text {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
}

@media all and (max-width : 768px) {
	.top .lineup .item {
		width: 100%;
		margin-top: 40px;
		padding: 0 0 13px;
		background: linear-gradient(180deg, #fff 0%, #fff 38%, #EEF2F5 38%, #EEF2F5 100%);
	}

	.top .lineup .item a {
		display: block;
		width: 80%;
	}

	.top .lineup .item a .img {
		width: 100%;
		height: auto;
		position: relative;
	}

	.top .lineup .item a .img img {
		width: 100%;
		height: auto;
	}

	.top .lineup .item a .text02 {
		padding: 0 10px;
		margin: 5px auto 0;
		text-align: left;
		font-size: 12px;
		line-height: 1.5;
	}
}

@media all and (max-width : 768px) and (max-width : 768px) {
	.top .lineup .item a .text02 {
		padding: 10px;
		font-size: 13px;
	}
}

@media all and (max-width : 768px) {
	.top .lineup .item:first-of-type {
		margin-top: 0px;
	}

	.top .lineup .item:nth-child(even) a {
		margin: 0 0 0 auto;
	}

	.top .lineup .item:nth-child(even) a .img.lineup-fade-in {
		opacity: 0;
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
	}

	.top .lineup .item:nth-child(even) a .img.lineup-fade-in.active {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		transition: opacity 0.8s linear 0s, transform 0.8s linear 0s, -webkit-transform 0.8s linear 0s;
	}

	.top .lineup .item:nth-child(odd) a .img.lineup-fade-in {
		opacity: 0;
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px);
	}

	.top .lineup .item:nth-child(odd) a .img.lineup-fade-in.active {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		transition: opacity 0.8s linear 0s, transform 0.8s linear 0s, -webkit-transform 0.8s linear 0s;
	}
}

.top .News {
	margin: 80px 60px 0 0;
	/*
	h2 {
		text-align: center;
		font-family: "Work Sans";
		font-size: 50px;
		font-style: normal;
		font-weight: 200;
		line-height: normal;
		text-transform: capitalize;
	}
*/
}

@media all and (max-width : 768px) {
	.top .News {
		margin: 0 auto;
		padding: 0 0 43px;
		margin: 0 auto;
		background: #fff;
	}
}

.top .News ul {
	margin: 40px auto 0;
	max-width: 900px;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

@media all and (max-width : 768px) {
	.top .News ul {
		width: 100%;
		padding: 0 20px;
		grid-template-columns: 1fr;
	}
}

.top .News ul li a {
	display: flex;
	gap: 18px;
	padding: 12px 50px 28px 12px;
	border: 1px solid #AFAFAF;
}

@media all and (max-width : 768px) {
	.top .News ul li a {
		padding: 0;
		border: 0;
	}
}

.top .News ul li a .img {
	width: 120px;
	height: 120px;
	overflow: hidden;
}

@media all and (max-width : 768px) {
	.top .News ul li a .img {
		width: 60px;
		height: 60px;
	}
}

.top .News ul li a .img img {
	width: 120px;
	height: 120px;
	object-fit: contain;
	display: block;
	transition: transform 0.3s ease;
	transform: scale(1.1);
}

@media all and (max-width : 768px) {
	.top .News ul li a .img img {
		transform: scale(1);
		width: 70px;
		height: 70px;
	}
}

.top .News ul li a .text {
	flex: 1;
	max-width: 240px;
	width: 100%;
}

.top .News ul li a .text .ttl {
	font-size: 14px;
	color: #515151;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.top .News ul li a .text .day {
	font-family: Work Sans;
	text-align: left;
	color: #515151;
	margin: 0 auto 0;
	font-size: 14px;
	font-weight: 200;
}

@media all and (max-width : 768px) {
	.top .News ul li a .text .day {
		margin: 5px auto 0;
		font-size: 13px;
	}
}

.top .News ul li a:hover {
	background: #D9D9D9;
	opacity: 1;
}

.top .News ul li a:hover .img img {
	transform: scale(1);
}

@media all and (max-width : 768px) {
	.top .News .more_btn.sp-only {
		display: flex !important;
		justify-content: flex-end;
		padding: 20px 30px 0;
	}
}

.top .blog {
	padding: 80px 0;
	margin: 0 60px 0 0;
}

@media all and (max-width : 768px) {
	.top .blog {
		padding: 0 0 30px;
		background: #F7F7F7;
		margin: 0 0 0 0;
	}

	.top .blog .border-title02 {
		background: #F7F7F7;
	}
}

.top .blog ul {
	margin: 20px 0 0 0;
	display: flex;
	justify-content: center;
	gap: 0;
	background: #F7F7F7;
}

@media all and (max-width : 768px) {
	.top .blog ul {
		overflow: auto;
		scroll-snap-type: x;
		justify-content: flex-start;
		margin: 0 -30px 0 0;
		padding: 0 30px;
	}
}

.top .blog ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 250px;
	height: 250px;
	overflow: hidden;
	border: 1px solid #D9D9D9;
	background: #FFF;
}

@media all and (max-width : 768px) {
	.top .blog ul li {
		min-width: 60vw;
		width: 100%;
		min-height: 60vw;
		height: 100%;
		border: none;
		margin-right: 16px;
		background: #F7F7F7;
	}
}

.top .blog ul li a.link {
	display: block;
	overflow: hidden;
	position: relative;
	transition: all 0.5s ease;
	width: 100%;
	height: 100%;
}

.top .blog ul li a.link:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.2;
}

.top .blog ul li a.link img {
	display: block;
	height: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	transform: scale(1.1);
	transition: transform 0.3s ease;
}

@media all and (max-width : 768px) {
	.top .blog ul li a.link img {
		transform: scale(1);
	}
}

@media all and (max-width : 768px) {
	.top .blog ul li a.link img {
		width: 100%;
	}
}

.top .blog ul li a.link:hover img {
	transform: scale(1);
}

.top .blog ul li a.link .day {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: -115px auto 0;
	width: 230px;
	height: 230px;
	border: 1px solid #fff;
	border-radius: 56%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 10;
}

@media all and (max-width : 768px) {
	.top .blog ul li a.link .day {
		margin: -28vw auto 0;
		width: 56vw;
		height: 56vw;
	}
}

.top .blog ul li a.link .day span {
	color: #FFF;
	text-align: center;
	font-family: "Work Sans";
	font-size: 46px;
	font-style: normal;
	font-weight: 200;
	line-height: 1;
}

@media all and (max-width : 768px) {
	.top .blog ul li a.link .day span {
		font-size: 45px;
	}
}

.top .blog ul li a.link .day p {
	color: #FFF;
	text-align: center;
	font-family: "Work Sans";
	font-size: 93px;
	font-style: normal;
	font-weight: 200;
	line-height: 1;
}

@media all and (max-width : 768px) {
	.top .blog ul li a.link .day p {
		font-size: 90px;
	}
}

.top .blog ul li a.link .text {
	position: absolute;
	padding: 25px;
	top: 0;
	left: 0;
	display: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 2;
	color: #515151;
	transition: 0.3s all;
	background: rgba(217, 217, 217, 0.8);
	transition: all 0.5s ease;
}

.top .blog ul li a.link:hover .text {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
}

@media all and (max-width : 768px) {
	.top .blog ul li>p {
		margin: 10px auto 20px;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 200%;
		text-align: left;
		overflow: hidden;
		display: -webkit-box !important;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
}

@media all and (max-width : 768px) {
	.top .blog .more_btn.sp-only {
		display: flex !important;
		justify-content: flex-end;
		padding: 20px 30px 0;
	}
}

.top .shop-staff {
	padding: 60px 70px 60px 0;
	background: #F7F7F7;
}

@media all and (max-width : 768px) {
	.top .shop-staff {
		margin: 0 auto;
		padding: 60px 30px 0;
		background: #fff;
	}
}

.top .shop-staff h2 {
	text-align: center;
	font-family: "Work Sans";
	font-size: 30px;
	color: #515151;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 60px;
}

@media all and (max-width : 768px) {
	.top .shop-staff h2 {
		margin: 0 auto 15px;
		font-size: 28px;
	}
}

.top .shop-staff .wrapper {
	max-width: 891px;
	width: 100%;
	margin-inline: auto;
}

.top .shop-staff .wrapper .item {
	display: flex;
	gap: 80px;
	margin: 80px auto 0;
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item {
		display: block;
		flex-wrap: wrap;
		margin: 0 auto 60px;
	}
}

.top .shop-staff .wrapper .item .img {
	width: 500px;
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item .img {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}
}

.top .shop-staff .wrapper .item .img img {
	width: 100%;
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item .img img {
		vertical-align: bottom;
	}
}

.top .shop-staff .wrapper .item .info {
	text-align: left;
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item .info {
		text-align: center;
		margin-top: 20px;
	}
}

.top .shop-staff .wrapper .item .info .shop {
	padding: 18px 0 0;
	font-size: 18px;
	font-weight: 500;
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item .info .shop {
		padding: 0;
		font-size: 20px;
	}
}

.top .shop-staff .wrapper .item .info .tel {
	padding: 15px 0 0;
	font-size: 28px;
	font-family: "Work Sans";
	font-weight: 300;
	line-height: 1.5;
}

.top .shop-staff .wrapper .item .info .tel span {
	font-size: 16px;
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item .info .tel {
		padding: 10px 0 0;
		font-size: 28px;
	}

	.top .shop-staff .wrapper .item .info .tel span {
		font-size: 16px;
	}
}

.top .shop-staff .wrapper .item .info .address {
	padding: 15px 0 0;
	font-size: 12px;
	line-height: 1.5;
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item .info .address {
		padding: 12px 0 0;
		font-size: 13px;
	}
}

.top .shop-staff .wrapper .item .info .btn-area {
	padding: 15px 0 0;
	display: flex;
	gap: 14px;
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item .info .btn-area {
		padding: 30px 0 0;
		display: block;
	}
}

.top .shop-staff .wrapper .item .info .btn-area .reservation a {
	width: 200px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #7494AD;
	border-radius: 23px;
	color: #082E47;
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item .info .btn-area .reservation a {
		text-transform: uppercase;
	}
}

.top .shop-staff .wrapper .item .info .btn-area .reservation a p {
	font-size: 14px;
	font-family: "Work Sans";
	transition: all 0.5s ease;
	text-transform: uppercase;
}

.top .shop-staff .wrapper .item .info .btn-area .reservation a:hover {
	opacity: 1;
	background: #7494AD;

}

.top .shop-staff .wrapper .item .info .btn-area .reservation a:hover p {
	font-size: 16px;
	color: #fff;
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item .info .btn-area .reservation a {
		margin-inline: auto;
		width: 240px;
		height: 51px;
		background: #7494AD;
		border: 1px solid #7494AD;
		color: #fff;
		border-radius: 27px;
	}
}

@media all and (max-width : 768px) {
	.top .shop-staff .wrapper .item .info .btn-area .more_btn {
		margin: 17px auto 0;
	}
}

.top .hairstyle-gallery {
	padding: 80px 60px 80px 0;
	margin: 0 auto 0;
	background: linear-gradient(180deg, #fff 0%, #fff 50%, #EEF2F5 50%, #EEF2F5 100%);
}

@media all and (max-width : 768px) {
	.top .hairstyle-gallery {
		padding: 20px 0 30px;
		margin: 0 auto;
		background: linear-gradient(180deg, #fff 0%, #fff 38%, #EEF2F5 38%, #EEF2F5 100%);
	}
}

.top .hairstyle-gallery-inner {
	display: flex;
	align-items: flex-start;
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	gap: 0 50px;
}

@media all and (max-width : 768px) {
	.top .hairstyle-gallery-inner {
		gap: 0 12px;
		justify-content: center;
		align-items: center;
		max-width: 100%;
		display: grid;
		grid-template-columns: 59px 235px;
		margin: 0 auto;
		width: fit-content;
	}
}

.top .hairstyle-gallery-inner h2 {
	height: auto;
	position: relative;
	text-align: center;
	font-family: "Work Sans";
	font-size: 50px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: capitalize;
	flex: 1;
}

@media all and (max-width : 768px) {
	.top .hairstyle-gallery-inner h2 {
		height: auto;
		font-size: 50px;
		flex: 0;
	}
}

.top .hairstyle-gallery-inner h2 span {
	position: absolute;
	top: 37px;
	right: 0;
	transform: rotate(180deg);
	white-space: nowrap;
	writing-mode: vertical-lr;
}

@media all and (max-width : 768px) {
	.top .hairstyle-gallery-inner h2 span {
		position: initial;
	}
}

.top .hairstyle-gallery-inner .hairstyle-gallery-slider {
	height: 400px;
	width: 100%;
	max-width: 300px;
	display: flex;
	align-items: center;
}

@media all and (max-width : 768px) {
	.top .hairstyle-gallery-inner .hairstyle-gallery-slider {
		width: 100%;
		height: 93vw;
		border-radius: 50vw;
	}

	.top .hairstyle-gallery-inner .hairstyle-gallery-slider:not(:first-of-type) {
		display: none;
	}
}

.top .hairstyle-gallery-inner .swiper-container {
	overflow: hidden;
	position: relative;
}

.top .hairstyle-gallery-inner .d-demo {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-bottom: 60px;
}

.top .hairstyle-gallery-inner .d-demo__heading {
	width: 20%;
	position: relative;
}

.top .hairstyle-gallery-inner .d-demo__ttl {
	width: 20%;
	max-width: 55px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.top .hairstyle-gallery-inner .d-demo__slider {
	width: 80%;
}

.top .hairstyle-gallery-inner .d-demo__slide {
	width: 100%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	will-change: transform;
	border-radius: 150px;
}

.top .hairstyle-gallery-inner .d-demo__slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	will-change: transform;
	background-size: cover;
	background-repeat: no-repeat;
}

.top .hairstyle-gallery-inner .swiper-container-main {
	transition: opacity 0.6s ease, transform 0.3s ease;
}

.top .hairstyle-gallery-inner .more_btn {
	margin: auto;
}

.top .hairstyle-gallery-inner a:hover {
	opacity: 1;
}

@media all and (max-width : 768px) {
	.top .hairstyle-gallery .more_btn.sp-only {
		padding: 30px 30px 0;
		display: flex !important;
		justify-content: flex-end;
	}
}

.top .special-collection {
	width: 100%;
	padding: 51px 70px 54px 0;
	background: #082E47;
}

@media all and (max-width : 768px) {
	.top .special-collection {
		padding: 35px 0 29px;
	}
}

.top .special-collection .contents {
	margin-inline: auto;
	max-width: 900px;
	width: 100%;
	display: flex;
	gap: 51px;
}

@media all and (max-width : 768px) {
	.top .special-collection .contents {
		flex-wrap: wrap;
		gap: 30px;
	}
}

.top .special-collection .contents .link.slider {
	width: 600px;
	height: 300px;
	position: relative;
}

@media all and (max-width : 768px) {
	.top .special-collection .contents .link.slider {
		width: 100%;
		height: auto;
		order: 2;
		padding: 0 17px;
	}
}

.top .special-collection .contents .link.slider .special-collection-slider {
	width: 600px;
	height: 300px;
}

@media all and (max-width : 768px) {
	.top .special-collection .contents .link.slider .special-collection-slider {
		width: 100%;
		height: auto;
	}
}

.top .special-collection .contents .link.slider .special-collection-slider img {
	width: 100%;
}

.top .special-collection .contents .link.slider .special-collection-slider .new {
	position: relative;
}

.top .special-collection .contents .link.slider .special-collection-slider .new::after {
	display: block;
	position: absolute;
	background-image: url(../images/top/specialcollection/new.png);
	background-size: contain;
	content: "";
	width: 70px;
	height: 70px;
	z-index: 10;
	right: 0;
	bottom: 0;
}

.top .special-collection .contents .link.slider .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -37px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.top .special-collection .contents .link.slider .slick-dots li button {
	width: 10px;
	height: 10px;
	background: #EEF2F5;
	border: 0;
	border-radius: 50%;
	font-size: 0;
	padding: 0;
	margin: 0;
}

.top .special-collection .contents .link.slider .slick-dots li.slick-active button {
	background: #F9FBBA;
}

.top .special-collection .contents .sub-area {
	margin: 0 auto;
}

@media all and (max-width : 768px) {
	.top .special-collection .contents .sub-area {
		order: 1;
		width: 90%;
	}
}

@media all and (max-width : 768px) {
	.top .special-collection .contents .sub-area.sp-only {
		order: 3;
		padding: 0 30px;
	}
}

.top .special-collection .contents .sub-area h2 {
	padding: 18px 0;
	border: solid #fff;
	border-width: 1px 0;
	text-align: center;
	font-size: 38px;
	font-family: "Cinzel";
	font-weight: 400;
	color: #fff;
	line-height: 1.3;
}

@media all and (max-width : 768px) {
	.top .special-collection .contents .sub-area h2 {
		width: fit-content;
		margin: 0 auto;
	}
}

.top .special-collection .contents .sub-area .link.banner {
	margin: 36px auto 0;
}

.top .special-collection .contents .sub-area .link.banner .new {
	position: relative;
}

.top .special-collection .contents .sub-area .link.banner .new::after {
	display: block;
	position: absolute;
	background-image: url(../images/top/specialcollection/new.png);
	background-size: contain;
	content: "";
	width: 21px;
	height: 21px;
	z-index: 10;
	right: 0;
	bottom: 0;
}

.top .special-collection .contents .sub-area .link.banner .slick-track {
	transform: unset !important;
}

.top .special-collection .contents .sub-area .link.banner .thumbnail-img {
	opacity: 0.3;
	transition: opacity 0.3s linear;
	width: 50% !important;
	aspect-ratio: 21/10;
}

@media all and (max-width : 768px) {
	.top .special-collection .contents .sub-area .link.banner .thumbnail-img {
		aspect-ratio: 2/1;
	}
}

.top .special-collection .contents .sub-area .link.banner .thumbnail-img.slick-current {
	opacity: 1;
}

.top .special-collection .contents .sub-area .link.banner .thumbnail-img img {
	width: 100%;
	height: 100%;
}

@media all and (max-width : 768px) {
	.top .special-collection .contents .sub-area .link.banner .thumbnail-img img {
		/*padding: 60px 20px 20px;*/
	}
}

.top .sns-area {
	background: #EEF2F5;
	padding: 60px 70px 60px 0;
}

@media all and (max-width : 768px) {
	.top .sns-area {
		padding: 60px 20px 20px;
	}
}

.top .sns-area h2 {
	text-align: center;
	font-family: "Work Sans";
	font-size: 30px;
	color: #515151;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: capitalize;
	margin-bottom: 40px;
}

@media all and (max-width : 768px) {
	.top .sns-area h2 {
		display: block;
		font-family: "Work Sans";
		font-size: 28px;
		font-style: normal;
		font-weight: 200;
		line-height: normal;
		text-transform: capitalize;
		text-align: center;
		margin-bottom: 20px;
	}
}

.top .sns-area-inner {
	margin: 0 auto;
	max-width: 900px;
	display: flex;
	gap: 80px;
}

@media all and (max-width : 768px) {
	.top .sns-area-inner {
		padding: 0;
		display: block;
		margin: 29px auto 0;
	}
}

.top .sns-area-inner .area {
	max-width: 410px;
	width: 100%;
	background: #fff;
	aspect-ratio: 1;
}

@media all and (max-width : 768px) {
	.top .sns-area-inner .area {
		max-width: 100%;
		margin: 0 0 51px;
	}

	.top .sns-area-inner .area:last-of-type {
		margin: 0;
	}
}

.top .movie {
	padding: 20px 0 60px;
	background: #EEF2F5;
	margin: 0 60px 0 0;
}

@media all and (max-width : 768px) {
	.top .movie {
		padding: 35px 0 71px;
		background: #EEF2F5;
		margin: 0;
	}
}

.top .movie .youtube {
	max-width: 826px;
	margin: 0 auto;
}

@media all and (max-width : 768px) {
	.top .movie .youtube {
		padding: 0 20px;
	}
}

.top .movie .youtube iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}

.top .group-line-up {
	padding: 80px 0 0;
	background: #fff;
}

@media all and (max-width : 768px) {
	.top .group-line-up {
		padding: 60px 0 1px;
	}
}

.top .group-line-up h2 {
	text-align: center;
	font-family: "Work Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 20px;
}

@media all and (max-width : 768px) {
	.top .group-line-up h2 {
		font-size: 28px;
		margin-bottom: 0px;
	}
}

.top .group-line-up .contents {
	margin: 40px auto 0;
	background: #F7F7F7;
}

@media all and (max-width : 768px) {
	.top .group-line-up .contents {
		margin: 20px auto 0;
	}
}

.top .group-line-up .contents a {
	display: block;
	padding: 35px 0 25px;
	color: #515151;
	transition: all 0.3s ease;
}

.top .group-line-up .contents a:visited {
	color: #515151;
}

@media all and (max-width : 768px) {
	.top .group-line-up .contents a {
		padding: 0;
		border-bottom: 1px solid #fff;
		height: 100px;
		width: 100%;
	}

	.top .group-line-up .contents a:first-of-type {
		padding: 0;
	}

	.top .group-line-up .contents a:last-child {
		border: none;
	}
}

.top .group-line-up .contents a:hover {
	background: #D9D9D9;
	opacity: 1;
}

.top .group-line-up .contents a .inner {
	display: flex;
	max-width: 650px;
	width: 100%;
	gap: 0 39px;
	margin: 0 auto;
}

@media all and (max-width : 768px) {
	.top .group-line-up .contents a .inner {
		padding: 0;
		gap: 0 16px;
	}
}

.top .group-line-up .contents a .inner .img {
	min-width: 260px;
	width: 260px;
	height: 150px;
	overflow: hidden;
}

@media all and (max-width : 768px) {
	.top .group-line-up .contents a .inner .img {
		width: 125px;
		height: 100px;
		object-fit: cover;
		min-width: auto;
	}
}

.top .group-line-up .contents a .inner .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.1);
	transition: transform 0.3s ease;
}

@media all and (max-width : 768px) {
	.top .group-line-up .contents a .inner .info {
		width: 100%;
		margin: 0 auto;
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
}

.top .group-line-up .contents a .inner .info .shop {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	text-align: left;
}

@media all and (max-width : 768px) {
	.top .group-line-up .contents a .inner .info .shop {
		font-size: 18x;
		font-size: 14px;
		line-height: 1.5;
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}

.top .group-line-up .contents a .inner .info .tel {
	margin: 6px auto 0;
	font-size: 28px;
	font-family: Work Sans;
	font-weight: 400;
	line-height: 150%;
	text-align: left;
}

.top .group-line-up .contents a .inner .info .tel span {
	font-size: 16px;
}

@media all and (max-width : 768px) {
	.top .group-line-up .contents a .inner .info .tel {
		margin: 3px 0 0;
		font-size: 22px;
		font-weight: 300;
	}

	.top .group-line-up .contents a .inner .info .tel span {
		font-size: 16px;
	}
}

.top .group-line-up .contents a .inner .info .address {
	margin: 9px auto 0;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	text-align: left;
}

@media all and (max-width : 768px) {
	.top .group-line-up .contents a .inner .info .address {
		margin: 8px auto 0;
	}
}

.top .group-line-up .contents a .inner .more-btn {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 0 9px;
	padding: 16px 25px 18px;
	border-radius: 67px;
	background: #082E47;
	width: fit-content;
	margin: 0 auto;
}

@media all and (max-width : 768px) {
	.top .group-line-up .contents a .inner .more-btn {
		margin: 15px auto 0;
		display: flex;
	}
}

.top .group-line-up .contents a .inner .more-btn p {
	color: #FFF;
	font-family: "Work Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.4px;
}

.top .group-line-up .contents a .inner .more-btn span {
	color: #FFF;
	font-family: "Noto Sans JP";
	font-size: 16.364px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.top .group-line-up .contents a .inner .more-btn:hover {
	border: 1px solid #082E47;
	background: #FFF;
}

.top .group-line-up .contents a .inner .more-btn:hover p,
.top .group-line-up .contents a .inner .more-btn:hover span {
	color: #283A49;
}

.top .group-line-up .contents a:hover img {
	transform: scale(1) !important;
}

/* contact*/
.contact {
	padding: 0 0 157px;
}

@media all and (max-width : 768px) {
	.contact {
		padding: 0 22px 111px;
	}
}

.contact form {
	margin: 73px auto 0;
}

@media all and (max-width : 768px) {
	.contact form {
		margin: 58px auto 0;
	}
}

.contact form .form-area {
	max-width: 600px;
	margin: 0 auto 0;
}

.contact form .form-area .care {
	text-align: right;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}

.contact form .form-area .care span {
	color: #FF7070;
}

.contact form .form-area dl {
	width: 100%;
	margin: 19px auto 0;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.contact form .form-area dl:first-of-type {
	margin: 11px auto 0;
}

.contact form .form-area dl dt {
	margin: 9px auto 0;
	text-align: left;
}

.contact form .form-area dl dt span {
	color: #FF7070;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.contact form .form-area dl dd input,
.contact form .form-area dl dd textarea {
	width: 100%;
	padding: 11px 23px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	border: 1px solid #D9D9D9;
}

@media all and (max-width : 768px) {

	.contact form .form-area dl dd input,
	.contact form .form-area dl dd textarea {
		font-size: 13px;
	}
}

.contact form .form-area dl dd textarea {
	height: 300px;
}

.contact form .form-area .form-btn01 {
	margin: 43px auto 0;
}

.contact form .form-area .form-btn01 input {
	border-radius: 30px;
	border: 1px solid #082E47;
	background: #FFF;
	padding: 15px 26px;
	color: #082E47;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	.contact form .form-area .form-btn01 input {
		background: #082E47;
		color: #fff;
	}
}

.contact form .form-area .form-btn01 input:hover {
	background: #082E47;
	color: #fff;
}

/* contact confirm*/
@media all and (max-width : 768px) {
	.confirm {
		padding: 0 8px 91px;
	}
}

@media all and (max-width : 768px) {
	.confirm form {
		margin: 43px auto 0;
	}
}

.confirm form .form-area {
	max-width: 750px;
}

.confirm form .form-area .date {
	border: 1px solid #D9D9D9;
	padding: 9px 10px 11px;
}

@media all and (max-width : 768px) {
	.confirm form .form-area .date {
		padding: 24px 15px 42;
	}
}

.confirm form .form-area .date dl {
	display: flex;
	gap: 0 5px;
	margin: 2px auto 0;
}

@media all and (max-width : 768px) {
	.confirm form .form-area .date dl {
		display: block;
	}
}

.confirm form .form-area .date dl:first-of-type {
	margin: 0 auto;
}

.confirm form .form-area .date dl dt {
	width: 200px;
	margin: 0 auto;
	padding: 18px 33px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	background: #EEF2F5;
}

@media all and (max-width : 768px) {
	.confirm form .form-area .date dl dt {
		width: 100%;
		padding: 18px 14px;
	}
}

.confirm form .form-area .date dl dd {
	width: 100%;
	padding: 18px 14px;
	flex: 1;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	text-align: left;
}

.confirm form .form-area .back-btn {
	margin: 17px auto 0;
}

.confirm form .form-area .back-btn .back {
	display: flex;
	align-items: center;
	background: #fff;
	border: none;
	gap: 0 12px;
	transition: all 0.5s ease;
}

.confirm form .form-area .back-btn .back .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #082E47;
	color: #082E47;
	text-align: center;
	font-family: Noto Sans JP;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
	transition: all 0.5s ease;
}

.confirm form .form-area .back-btn .back .icon div {
	display: block;
	margin: 0 auto;
	transition: all 0.5s ease;
}

.confirm form .form-area .back-btn .back .icon span {
	display: block;
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	.confirm form .form-area .back-btn .back .icon {
		background: #082E47;
		color: #fff;
	}
}

.confirm form .form-area .back-btn .back p {
	color: #082E47;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
}

.confirm form .form-area .back-btn .back:hover {
	opacity: 1;
}

.confirm form .form-area .back-btn .back:hover .icon {
	border: 1px solid #082E47;
	background: #082E47;
	color: #fff;
}

.confirm form .form-area .back-btn .back:hover .icon span {
	margin: 0 15px 0 auto;
	color: #fff;
}

.confirm form .form-area p.check {
	text-align: center;
	font-family: Noto Sans JP;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.confirm form .form-area p.check {
		margin: 21px auto 0;
		text-align: left;
	}
}

.confirm form .form-area .form-btn01 {
	margin: 30px auto 0;
}

.confirm form .form-area .form-btn01 input {
	width: 160px;
}

/* contact thanks*/
.thanks {
	padding: 0 0 210px;
}

.thanks .thanks-wrapper {
	margin: 73px auto 0;
	padding: 0 22px;
}

@media all and (max-width : 768px) {
	.thanks .thanks-wrapper {
		margin: 114px auto 0;
	}
}

.thanks .thanks-wrapper p {
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.thanks .thanks-wrapper a {
	display: inline-block;
	width: auto;
	margin: 70px auto 0;
	border-radius: 30px;
	border: 1px solid #082E47;
	background: #FFF;
	padding: 15px 26px;
	color: #082E47;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	.thanks .thanks-wrapper a {
		background: #082E47;
		color: #fff;
	}
}

.thanks .thanks-wrapper a:hover {
	opacity: 1;
	background: #082E47;
	color: #fff;
}

/* question*/
.question {
	padding: 0 0 240px;
}

@media all and (max-width : 768px) {
	.question {
		padding: 0 22px 140px;
	}
}

.question .question-wrapper {
	margin: 127px auto 0;
	max-width: 750px;
}

@media all and (max-width : 768px) {
	.question .question-wrapper {
		margin: 59px auto 0;
	}
}

.question .question-wrapper dl {
	margin-top: 10px;
}

.question .question-wrapper dl:first-of-type {
	margin-top: 0;
}

.question .question-wrapper dl dt {
	display: flex;
	width: 100%;
	background: #EEF2F5;
	padding: 9px 36px 9px 16px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	gap: 0 23px;
	text-align: left;
	position: relative;
}

.question .question-wrapper dl dt::after {
	content: "+";
	position: absolute;
	font-family: Work Sans;
	font-size: 26px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: capitalize;
	top: 50%;
	right: 16px;
	margin: -13px 0 0;
}

.question .question-wrapper dl dt.close::after {
	content: "-";
	position: absolute;
	font-family: Work Sans;
	font-size: 26px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: capitalize;
	right: 16px;
}

.question .question-wrapper dl dt span {
	font-family: Work Sans;
	font-size: 26px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: capitalize;
}

.question .question-wrapper dl dd {
	display: none;
}

.question .question-wrapper dl dd .text-area {
	display: flex;
	margin: 18px auto 10px;
	padding: 9px 36px 9px 16px;
	background: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	gap: 0 23px;
	text-align: left;
}

@media all and (max-width : 768px) {
	.question .question-wrapper dl dd .text-area {
		font-size: 13px;
	}
}

.question .question-wrapper dl dd .text-area span {
	font-family: Work Sans;
	font-size: 26px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: capitalize;
}

/* blog*/
.blog {
	padding: 127px 0 0;
}

.blog .blog-wrapper .card {
	padding: 0 22px;
}

.blog .blog-wrapper .card>ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: auto;
	gap: 50px;
	max-width: 900px;
	margin: 0 auto;
	justify-content: space-between;
}

@media all and (max-width : 768px) {
	.blog .blog-wrapper .card>ul {
		display: block;
	}
}

.blog .blog-wrapper .card>ul li {
	max-width: 400px;
}

@media all and (max-width : 768px) {
	.blog .blog-wrapper .card>ul li {
		width: 100%;
		max-width: 100%;
	}

	.blog .blog-wrapper .card>ul li:nth-child(n+4) {
		display: none;
	}
}

.blog .blog-wrapper .card>ul li a {
	display: block;
}

@media all and (max-width : 768px) {
	.blog .blog-wrapper .card>ul li a {
		margin: 0 auto 37px;
		padding: 0 0 55px;
		border-bottom: 1px solid #D9D9D9;
	}
}

.blog .blog-wrapper .card>ul li a .img {
	width: 100%;
}

.blog .blog-wrapper .card>ul li a .img img {
	aspect-ratio: 1/0.668;
	object-fit: contain;
	width: 100%;
	vertical-align: bottom;
}

.blog .blog-wrapper .card>ul li a p.title {
	margin: 10px auto 0;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

@media all and (max-width : 768px) {
	.blog .blog-wrapper .card>ul li a p.title {
		font-size: 16px;
		margin: 15px auto 0;
	}
}

.blog .blog-wrapper .card>ul li a p.title span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blog .blog-wrapper .card>ul li a p.day {
	margin: 5px auto 0;
	text-align: left;
	font-family: Work Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

@media all and (max-width : 768px) {
	.blog .blog-wrapper .card>ul li a p.day {
		margin: 10px auto 0;
	}
}

.blog .blog-wrapper .card .page-nav {
	margin: 60px auto 0;
	max-width: 382px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media all and (max-width : 768px) {
	.blog .blog-wrapper .card .page-nav {
		max-width: 264px;
	}
}

.blog .blog-wrapper .card .page-nav a {
	font-family: Noto Sans JP;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.blog .blog-wrapper .card .page-nav .page-nav-number {
	display: flex;
	align-items: center;
	gap: 0 35px;
}

.blog .blog-wrapper .card .page-nav .page-nav-number li:nth-child(n+4) {
	display: none;
}

/* blog detail*/
.blog.detail {
	padding: 102px 0 0;
}

@media all and (max-width : 768px) {
	.blog.detail {
		padding: 59px 0 0;
	}
}

.blog.detail .blog-detail-wrapper {
	max-width: 750px;
	margin: 0 auto;
	padding: 0 20px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper {
		padding: 0 22px 0;
	}
}

.blog.detail .blog-detail-wrapper .genre ul {
	display: flex;
	align-items: center;
	gap: 0 5px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .genre ul {
		flex-wrap: wrap;
		gap: 5px;
	}
}

.blog.detail .blog-detail-wrapper .genre ul li div {
	display: block;
	text-align: center;
	padding: 2px 15px;
	border-radius: 14px;
	background: #EEF2F5;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .genre ul li div {
		font-size: 12px;
	}
}

.blog.detail .blog-detail-wrapper h3.title {
	text-align: left;
	margin: 35px auto 0;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper h3.title {
		margin: 25px auto 0;
	}
}

.blog.detail .blog-detail-wrapper .day {
	text-align: left;
	margin: 13px auto 0;
	font-family: "Work Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.blog.detail .blog-detail-wrapper .img {
	margin: 28px auto 0;
	width: 100%;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .img {
		margin: 21px auto 0;
	}
}

.blog.detail .blog-detail-wrapper .img img {
	width: 100%;
}

.blog.detail .blog-detail-wrapper .text {
	margin: 34px auto 0;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .text {
		margin: 23px auto 0;
		font-size: 13px;
	}
}

.blog.detail .blog-detail-wrapper .info {
	margin: 50px auto 0;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info {
		margin: 65px auto 0;
	}
}

.blog.detail .blog-detail-wrapper .info .staff {
	max-width: 450px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff {
		width: 100%;
		margin: 0 auto;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .posted-by {
	text-align: left;
	font-family: "Work Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	border-bottom: 1px solid #D9D9D9;
	padding: 0 0 6px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .posted-by {
		font-size: 13px;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px auto 0;
	padding: 0 0 30px;
	gap: 0 39px;
	border-bottom: 1px solid #D9D9D9;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .flex {
		margin: 37px auto 0;
		padding: 0 0 47px;
		gap: 0 28px;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .flex .photo {
	width: 100px;
	height: 145px;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .photo img {
	border-radius: 45px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data {
	width: 100%;
	flex: 1;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data>p {
	text-align: left;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data>p.shop {
	font-size: 12px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .flex .data>p.shop {
		font-size: 13px;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data>p.job {
	margin: 8px auto 0;
	font-size: 14px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .flex .data>p.job {
		font-size: 13px;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data>p.name {
	margin: 23px auto 0;
	font-size: 16px;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data .profile {
	margin: 34px auto 0;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data .profile a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 3px;
	width: 125px;
	height: 50px;
	border-radius: 67px;
	border: 1px solid #082E47;
	background: #FFF;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .flex .data .profile a {
		background: #082E47;
		color: #fff;
		height: 46px;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data .profile a p {
	color: #283A49;
	font-family: "Work Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.4px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .flex .data .profile a p {
		color: #fff;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data .profile a span {
	color: #283A49;
	font-family: "Noto Sans JP";
	font-size: 16.364px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .flex .data .profile a span {
		color: #fff;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data .profile a:hover {
	opacity: 1;
	background: #082E47;
	color: #fff;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data .profile a:hover p {
	color: #fff;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .data .profile a:hover span {
	color: #fff;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .sns {
	width: 100%;
	margin: 27px auto 0;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .sns .sns-icon {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 23px;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .sns .sns-icon li a svg {
	transform: scale(1);
	transition: all 0.5s ease;
}

.blog.detail .blog-detail-wrapper .info .staff .flex .sns .sns-icon li a:hover svg {
	transform: scale(1.1);
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .flex .sns .sns-icon {
		gap: 16px 19px;
		justify-content: space-between;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data {
	margin: 50px auto 0;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .shop-data {
		margin: 43px auto 0;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data p {
	text-align: left;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data p.shop-name {
	font-size: 16px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .shop-data p.shop-name {
		font-size: 18px;
		font-weight: 500;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data p.tel {
	margin: 1px auto 0;
	font-size: 28px;
	font-family: Work Sans;
	font-weight: 300;
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data p.tel span {
	font-size: 16px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .shop-data p.tel {
		margin: 18px auto 0;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data p.s-tel {
	margin: 3px auto 0;
	font-size: 16px;
	font-weight: 400;
	font-family: Work Sans;
	font-weight: 300;
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data p.address {
	margin: 18px auto 0;
	font-size: 12px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .shop-data p.address {
		font-size: 13px;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data .reservation02 {
	margin: 20px auto 0;
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data .reservation02 a {
	display: block;
	padding: 16px 35px;
	border-radius: 83.75px;
	border: 1px solid #7494AD;
	background: #FFF;
	width: fit-content;
	transition: transform 0.5s ease;
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data .reservation02 a:visited {
	color: #7494AD;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .shop-data .reservation02 a {
		border: 1px solid #7494AD;
		background: #7494AD;
		width: 90%;
		margin-inline: auto;
		padding: 20px 35px;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data .reservation02 a p {
	color: #082E47;
	text-align: center;
	font-family: "Work Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	transition: transform 0.5s ease;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .staff .shop-data .reservation02 a p {
		color: #fff;
	}
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data .reservation02 a:hover {
	opacity: 1;
	border: 1px solid #7494AD;
	background: #7494AD;
}

.blog.detail .blog-detail-wrapper .info .staff .shop-data .reservation02 a:hover p {
	color: #FFF;
	letter-spacing: 1.7px;
	transform: scale(1.2);
}

.blog.detail .blog-detail-wrapper .info .page-nav {
	margin: 69px auto 0;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .page-nav {
		margin: 64px auto 0;
	}
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner {
	border: solid #D9D9D9;
	border-width: 1px 0;
	display: flex;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev {
	padding: 18px 0 13px 0;
	width: 50%;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev {
		padding: 11px 0 9px 0;
		width: 50%;
	}
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 19px;
	border-right: 1px solid #D9D9D9;
	padding: 0 26px 0 0;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a {
		padding: 0 17px 0 0;
	}
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon {
	display: flex;
	align-items: center;
	min-width: 80px;
	width: 80px;
	height: 36px;
	border-radius: 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.2px;
	position: relative;
	border: 1px solid #D9D9D9;
	background: #D9D9D9;
	color: #FFF;
	transition: all 0.5s ease;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon span {
	margin: 0 auto 0 16px;
	transition: all 0.5s ease;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon p {
	margin: 0 19px 0 auto;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon.sp {
	display: none;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon {
		min-width: 37px;
		min-height: 37px;
		border-radius: 50%;
	}

	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon.pc {
		display: none;
	}

	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon.sp {
		display: flex;
		justify-content: center;
		width: 37px;
		height: 37px;
	}
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a>p {
	text-align: left;
	max-width: 250px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width: 100%;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a>p {
		line-height: 13px;
	}
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a:hover {
	opacity: 1;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a:hover .icon {
	opacity: 1;
	background: #082E47;
	color: #fff;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .prev a:hover .icon span {
	margin: 0 auto 0 12px;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next {
	padding: 18px 0 13px 26px;
	width: 50%;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next {
		padding: 11px 0 9px 17px;
		width: 50%;
	}
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 19px;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a .icon {
	display: flex;
	align-items: center;
	min-width: 80px;
	width: 80px;
	height: 36px;
	border-radius: 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.2px;
	position: relative;
	border: 1px solid #283A49;
	background: #fff;
	color: #283A49;
	transition: all 0.5s ease;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a .icon p {
	margin: 0 auto 0 18px;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a .icon span {
	margin: 0 16px 0 auto;
	transition: all 0.5s ease;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a .icon.sp {
	display: none;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a .icon {
		min-width: 37px;
		min-height: 37px;
		border-radius: 50%;
		background: #082E47;
		color: #fff;
	}

	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a .icon.pc {
		display: none;
	}

	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a .icon.sp {
		display: flex;
		justify-content: center;
		width: 37px;
		height: 37px;
	}
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a>p {
	text-align: left;
	max-width: 250px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width: 100%;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a>p {
		line-height: 13px;
	}
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a:hover {
	opacity: 1;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a:hover .icon {
	opacity: 1;
	background: #082E47;
	color: #fff;
}

.blog.detail .blog-detail-wrapper .info .page-nav .page-nav-inner .next a:hover .icon span {
	margin: 0 12px 0 auto;
}

.blog.detail .blog-detail-wrapper .back-btn {
	margin: 40px auto 0;
	text-align: center;
}

.blog.detail .blog-detail-wrapper .back-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 50px;
	border-radius: 67px;
	border: 1px solid #082E47;
	background: #FFF;
	gap: 0 13px;
	margin: 0 auto;
}

.blog.detail .blog-detail-wrapper .back-btn a span {
	color: #283A49;
	font-family: "Noto Sans JP";
	font-size: 16.364px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	transition: all 0.5s ease;
}

.blog.detail .blog-detail-wrapper .back-btn a p {
	color: #283A49;
	font-family: "Work Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.4px;
}

@media all and (max-width : 768px) {
	.blog.detail .blog-detail-wrapper .back-btn a {
		background: #082E47;
	}

	.blog.detail .blog-detail-wrapper .back-btn a span {
		color: #fff;
	}

	.blog.detail .blog-detail-wrapper .back-btn a p {
		color: #fff;
	}
}

.blog.detail .blog-detail-wrapper .back-btn a:hover {
	opacity: 1;
	background: #082E47;
}

.blog.detail .blog-detail-wrapper .back-btn a:hover span {
	color: #fff;
}

.blog.detail .blog-detail-wrapper .back-btn a:hover p {
	color: #fff;
}

/* news*/
.news {
	padding: 102px 0 120px;
}

@media all and (max-width : 768px) {
	.news {
		padding: 61px 0 65px;
	}
}

.news .news-wrapper .card {
	padding: 0 22px;
}

.news .news-wrapper .card>ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: auto;
	gap: 70px;
	max-width: 900px;
	margin: 0 auto;
	justify-content: space-between;
}

@media all and (max-width : 768px) {
	.news .news-wrapper .card>ul {
		display: block;
	}
}

.news .news-wrapper .card>ul li {
	max-width: 400px;
}

@media all and (max-width : 768px) {
	.news .news-wrapper .card>ul li {
		width: 100%;
		max-width: 100%;
	}

	.news .news-wrapper .card>ul li:nth-child(n+4) {
		/*display: none;*/
	}
}

.news .news-wrapper .card>ul li a {
	display: block;
}

@media all and (max-width : 768px) {
	.news .news-wrapper .card>ul li a {
		display: flex;
		gap: 0 17px;
		align-items: center;
		margin: 0 auto 21px;
		padding: 0 0 17px;
		border-bottom: 1px solid #D9D9D9;
	}
}

.news .news-wrapper .card>ul li a .img {
	width: 100%;
}

@media all and (max-width : 768px) {
	.news .news-wrapper .card>ul li a .img {
		width: 80px;
		height: 80px;
	}
}

.news .news-wrapper .card>ul li a .img img {
	aspect-ratio: 1/0.668;
	object-fit: contain;
	width: 100%;
	vertical-align: bottom;
}

@media all and (max-width : 768px) {
	.news .news-wrapper .card>ul li a .img img {
		aspect-ratio: 1;
	}
}

@media all and (max-width : 768px) {
	.news .news-wrapper .card>ul li a .text {
		width: 100%;
		flex: 1;
	}
}

.news .news-wrapper .card>ul li a .text p.title {
	margin: 10px auto 0;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

@media all and (max-width : 768px) {
	.news .news-wrapper .card>ul li a .text p.title {
		margin: 0 auto;
		font-size: 16px;
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}

.news .news-wrapper .card>ul li a .text p.title span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news .news-wrapper .card>ul li a .text p.day {
	margin: 5px auto 0;
	text-align: left;
	font-family: Work Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

@media all and (max-width : 768px) {
	.news .news-wrapper .card>ul li a .text p.day {
		margin: 10px auto 0;
	}
}

.news .news-wrapper .card .page-nav {
	margin: 80px auto 0;
	max-width: 382px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media all and (max-width : 768px) {
	.news .news-wrapper .card .page-nav {
		max-width: 264px;
	}
}

.news .news-wrapper .card .page-nav a {
	font-family: Noto Sans JP;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.news .news-wrapper .card .page-nav a {
		font-size: 13px;
	}
}

.news .news-wrapper .card .page-nav .page-nav-number {
	display: flex;
	align-items: center;
	gap: 0 35px;
}

.news .news-wrapper .card .page-nav .page-nav-number li:nth-child(n+4) {
	display: none;
}

/* news detail*/
.news.detail {
	padding: 102px 0 120px;
}

@media all and (max-width : 768px) {
	.news.detail {
		padding: 59px 0 52px;
	}
}

.news.detail .news-detail-wrapper {
	max-width: 750px;
	margin: 0 auto;
	padding: 0 20px;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper {
		padding: 0 22px 0;
	}
}

.news.detail .news-detail-wrapper h3.title {
	text-align: left;
	margin: 0 auto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper h3.title {
		margin: 0 auto;
	}
}

.news.detail .news-detail-wrapper .day {
	text-align: left;
	margin: 13px auto 0;
	font-family: "Work Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.news.detail .news-detail-wrapper .eye-catch.text {
	margin: 30px auto 0;
	text-align: left;
	font-size: 12px;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .eye-catch.text {
		font-size: 13px;
	}
}

.news.detail .news-detail-wrapper .img {
	margin: 28px auto 0;
	width: 100%;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .img {
		margin: 21px auto 0;
	}
}

.news.detail .news-detail-wrapper .img img {
	width: 100%;
}

.news.detail .news-detail-wrapper p.text {
	margin: 34px auto 0;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper p.text {
		margin: 23px auto 0;
		font-size: 13px;
	}
}

.news.detail .news-detail-wrapper .info {
	margin: 50px auto 0;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info {
		margin: 65px auto 0;
	}
}

.news.detail .news-detail-wrapper .info .staff {
	max-width: 450px;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff {
		width: 100%;
		margin: 0 auto;
	}
}

.news.detail .news-detail-wrapper .info .staff .posted-by {
	text-align: left;
	font-family: "Work Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	border-bottom: 1px solid #D9D9D9;
	padding: 0 0 6px;
}

.news.detail .news-detail-wrapper .info .staff .flex {
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0;
	padding: 0 0 30px;
	gap: 0 39px;
	border-bottom: 1px solid #D9D9D9;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff .flex {
		margin: 37px auto 0;
		padding: 0 0 47px;
		gap: 0 28px;
	}
}

.news.detail .news-detail-wrapper .info .staff .flex .photo {
	width: 100px;
	height: 145px;
}

.news.detail .news-detail-wrapper .info .staff .flex .photo img {
	border-radius: 45px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news.detail .news-detail-wrapper .info .staff .flex .data {
	width: 100%;
	flex: 1;
}

.news.detail .news-detail-wrapper .info .staff .flex .data>p {
	text-align: left;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.news.detail .news-detail-wrapper .info .staff .flex .data>p.shop {
	font-size: 16px;
}

.news.detail .news-detail-wrapper .info .staff .flex .data>p.job {
	margin: 8px auto 0;
	font-size: 14px;
}

.news.detail .news-detail-wrapper .info .staff .flex .data>p.name {
	margin: 23px auto 0;
	font-size: 16px;
}

.news.detail .news-detail-wrapper .info .staff .flex .data .sns {
	margin: 27px auto 0;
}

.news.detail .news-detail-wrapper .info .staff .flex .data .sns .sns-icon {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 23px;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff .flex .data .sns .sns-icon {
		gap: 16px 19px;
	}
}

.news.detail .news-detail-wrapper .info .staff .flex .data .profile {
	margin: 34px auto 0;
}

.news.detail .news-detail-wrapper .info .staff .flex .data .profile a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 3px;
	width: 125px;
	height: 50px;
	border-radius: 67px;
	border: 1px solid #082E47;
	background: #FFF;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff .flex .data .profile a {
		background: #082E47;
		color: #fff;
	}
}

.news.detail .news-detail-wrapper .info .staff .flex .data .profile a p {
	color: #283A49;
	font-family: "Work Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.4px;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff .flex .data .profile a p {
		color: #fff;
	}
}

.news.detail .news-detail-wrapper .info .staff .flex .data .profile a span {
	color: #283A49;
	font-family: "Noto Sans JP";
	font-size: 16.364px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff .flex .data .profile a span {
		color: #fff;
	}
}

.news.detail .news-detail-wrapper .info .staff .flex .data .profile a:hover {
	background: #082E47;
	color: #fff;
}

.news.detail .news-detail-wrapper .info .staff .flex .data .profile a:hover p {
	color: #fff;
}

.news.detail .news-detail-wrapper .info .staff .flex .data .profile a:hover span {
	color: #fff;
}

.news.detail .news-detail-wrapper .info .staff .shop-data {
	margin: 50px auto 0;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff .shop-data {
		margin: 43px auto 0;
	}
}

.news.detail .news-detail-wrapper .info .staff .shop-data p {
	text-align: left;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.news.detail .news-detail-wrapper .info .staff .shop-data p.shop-name {
	font-size: 16px;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff .shop-data p.shop-name {
		font-size: 20px;
	}
}

.news.detail .news-detail-wrapper .info .staff .shop-data p.tel {
	margin: 1px auto 0;
	font-size: 20px;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff .shop-data p.tel {
		margin: 18px auto 0;
	}
}

.news.detail .news-detail-wrapper .info .staff .shop-data p.s-tel {
	margin: 3px auto 0;
	font-size: 14px;
}

.news.detail .news-detail-wrapper .info .staff .shop-data p.address {
	margin: 18px auto 0;
	font-size: 14px;
}

.news.detail .news-detail-wrapper .info .staff .shop-data .reservation {
	margin: 20px auto 0;
}

.news.detail .news-detail-wrapper .info .staff .shop-data .reservation a {
	display: block;
	padding: 20px 35px;
	border-radius: 83.75px;
	border: 1.25px solid #7494AD;
	background: #FFF;
	width: fit-content;
	transition: transform 0.5s ease;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff .shop-data .reservation a {
		border: 1px solid #7494AD;
		background: #7494AD;
		width: 100%;
	}
}

.news.detail .news-detail-wrapper .info .staff .shop-data .reservation a p {
	color: #082E47;
	text-align: center;
	font-family: "Work Sans";
	font-size: 17.5px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.75px;
	text-transform: uppercase;
	transition: transform 0.5s ease;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .staff .shop-data .reservation a p {
		color: #fff;
	}
}

.news.detail .news-detail-wrapper .info .staff .shop-data .reservation a:hover {
	border: 1px solid #7494AD;
	background: #7494AD;
}

.news.detail .news-detail-wrapper .info .staff .shop-data .reservation a:hover p {
	color: #FFF;
	letter-spacing: 1.7px;
	transform: scale(1.2);
}

.news.detail .news-detail-wrapper .info .page-nav {
	margin: 69px auto 0;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .page-nav {
		margin: 64px auto 0;
	}
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner {
	border: solid #D9D9D9;
	border-width: 1px 0;
	display: flex;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev {
	padding: 18px 0 13px 0;
	width: 50%;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev {
		padding: 11px 0 9px 0;
		width: 50%;
	}
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 19px;
	border-right: 1px solid #D9D9D9;
	padding: 0 26px 0 0;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a {
		padding: 0 17px 0 0;
	}
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon {
	display: flex;
	align-items: center;
	min-width: 80px;
	width: 80px;
	height: 36px;
	border-radius: 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.2px;
	position: relative;
	border: 1px solid #D9D9D9;
	background: #D9D9D9;
	color: #FFF;
	transition: all 0.5s ease;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon span {
	margin: 0 auto 0 16px;
	transition: margin 0.5s ease;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon p {
	margin: 0 19px 0 auto;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon.sp {
	display: none;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon {
		min-width: 37px;
		min-height: 37px;
		border-radius: 50%;
	}

	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon.pc {
		display: none;
	}

	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a .icon.sp {
		display: flex;
		justify-content: center;
		width: 37px;
		height: 37px;
	}
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a>p {
	text-align: left;
	max-width: 250px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width: 100%;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a>p {
		line-height: 1.5;
	}
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a:hover {
	opacity: 1;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a:hover .icon {
	opacity: 1;
	background: #082E47;
	color: #fff;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .prev a:hover .icon span {
	margin: 0 auto 0 12px;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next {
	padding: 18px 0 13px 26px;
	width: 50%;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next {
		padding: 11px 0 9px 17px;
		width: 50%;
	}
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 19px;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a .icon {
	display: flex;
	align-items: center;
	min-width: 80px;
	width: 80px;
	height: 36px;
	border-radius: 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.2px;
	position: relative;
	border: 1px solid #283A49;
	background: #fff;
	color: #283A49;
	transition: all 0.5s ease;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a .icon p {
	margin: 0 auto 0 18px;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a .icon span {
	margin: 0 16px 0 auto;
	transition: margin 0.5s ease;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a .icon.sp {
	display: none;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a .icon {
		min-width: 37px;
		min-height: 37px;
		border-radius: 50%;
		background: #082E47;
		color: #fff;
	}

	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a .icon.pc {
		display: none;
	}

	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a .icon.sp {
		display: flex;
		justify-content: center;
		width: 37px;
		height: 37px;
	}
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a>p {
	text-align: left;
	max-width: 250px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width: 100%;
}

@media all and (max-width : 768px) {
	.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a > p {
		line-height: 1.5;
	}
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a:hover {
	opacity: 1;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a:hover .icon {
	opacity: 1;
	background: #082E47;
	color: #fff;
}

.news.detail .news-detail-wrapper .info .page-nav .page-nav-inner .next a:hover .icon span {
	margin: 0 12px 0 auto;
}

/* staff*/
.staff {
	padding: 60px 0 60px;
}

@media all and (max-width : 768px) {
	.staff {
		padding: 49px 0 57px;
	}
}

.staff .staff-wrapper {
	max-width: 900px;
	margin: 0 auto;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper {
		padding: 0 22px 0;
	}
}

.staff .staff-wrapper h3.title {
	text-align: center;
	margin: 0 auto;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper h3.title {
		margin: 0 auto;
		font-weight: 500;
	}
}

.staff .staff-wrapper .info-wrapper {
	display: flex;
	gap: 0 50px;
	margin: 60px auto 0;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper .info-wrapper {
		display: block;
		margin: 21px auto 0;
	}
}

.staff .staff-wrapper .info-wrapper .img {
	max-width: 300px;
	height: 400px;
	flex: 1;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper .info-wrapper .img {
		width: 100%;
		max-width: 100%;
	}
}

.staff .staff-wrapper .info-wrapper .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.staff .staff-wrapper .info-wrapper .info {
	width: 450px;
	flex: 1;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper .info-wrapper .info {
		width: 100%;
		margin: 16px auto 0;
	}
}

.staff .staff-wrapper .info-wrapper .info p {
	text-align: left;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.staff .staff-wrapper .info-wrapper .info p.job {
	font-size: 14px;
}

.staff .staff-wrapper .info-wrapper .info p.name {
	margin: 12px auto 0;
	font-size: 18px;
}

.staff .staff-wrapper .info-wrapper .info p.name-romaji {
	margin: 12px auto 0;
	font-size: 14px;
}

.staff .staff-wrapper .info-wrapper .info p.test {
	margin: 41px auto 0;
	font-size: 16px;
	font-weight: 700;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper .info-wrapper .info p.test {
		margin: 27px auto 0;
		font-weight: 500;
	}
}

.staff .staff-wrapper .info-wrapper .info p.testarea {
	margin: 20px auto 0;
	font-size: 12px;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper .info-wrapper .info p.testarea {
		font-size: 13px;
	}
}

.staff .staff-wrapper .info-wrapper .info .sns-icon {
	margin: 27px auto 0;
	display: flex;
	align-items: center;
	gap: 0 23px;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper .info-wrapper .info .sns-icon {
		flex-wrap: wrap;
		gap: 23px;
	}
}

.staff .staff-wrapper .info-wrapper .info .reservation {
	margin: 30px auto 0;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper .info-wrapper .info .reservation {
		margin: 30px auto 0;
	}
}

.staff .staff-wrapper .info-wrapper .info .reservation a {
	display: block;
	padding: 16px 35px;
	border-radius: 30px;
	width: fit-content;
	border: 1px solid #7494AD;
	background: #FFF;
	transition: transform 0.5s ease;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper .info-wrapper .info .reservation a {
		border: 1px solid #7494AD;
		background: #7494AD;
		padding: 19px 35px;
		border-radius: 30px;
		width: 90%;
	}
}

.staff .staff-wrapper .info-wrapper .info .reservation a p {
	color: #082E47;
	text-align: center;
	font-family: "Work Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	transition: transform 0.5s ease;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper .info-wrapper .info .reservation a p {
		color: #fff;
	}
}

.staff .staff-wrapper .info-wrapper .info .reservation a:hover {
	opacity: 1;
	border: 1px solid #7494AD;
	background: #7494AD;
}

.staff .staff-wrapper .info-wrapper .info .reservation a:hover p {
	color: #FFF;
	letter-spacing: 1.7px;
	transform: scale(1.2);
}

.staff .staff-wrapper .info-wrapper .info .youtube {
	margin: 47px auto 0;
	width: 100%;
	height: auto;
}

@media all and (max-width : 768px) {
	.staff .staff-wrapper .info-wrapper .info .youtube {
		margin: 57px auto 0;
	}
}

.staff .staff-wrapper .info-wrapper .info .youtube iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	max-width: 450px;
	display: block;
	margin: auto;
}

.my-works {
	padding: 60px 0 60px;
	background: #F7F7F7;
	margin: 60px auto 0;
}

.my-works .my-works-inner {
	max-width: 900px;
	margin: 0 auto;
}

.my-works .my-works-inner h3 {
	color: #000;
	text-align: center;
	font-family: "Work Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: uppercase;
}

.my-works .my-works-inner ul {
	margin: 40px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 21px;
}

@media all and (max-width : 768px) {
	.my-works .my-works-inner ul {
		overflow: auto;
		justify-content: flex-start;
	}
}

.my-works .my-works-inner ul li a {
	display: block;
	position: relative;
}

.my-works .my-works-inner ul li a .img {
	width: 163px;
	height: 189px;
	overflow: hidden;
}

@media all and (max-width : 768px) {
	.my-works .my-works-inner ul li a .img {
		width: 155px;
		height: 180px;
	}
}

.my-works .my-works-inner ul li a .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.1);
	transition: all 0.5s ease;
}

.my-works .my-works-inner ul li a p.text {
	position: absolute;
	padding: 10px;
	top: 0;
	left: 0;
	display: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 2;
	color: #515151;
	transition: 0.3s all;
	background: rgba(217, 217, 217, 0.8);
	transition: all 0.5s ease;
}

.my-works .my-works-inner ul li a:hover {
	opacity: 1;
}

.my-works .my-works-inner ul li a:hover .img img {
	transform: scale(1);
}

.my-works .my-works-inner ul li a:hover p.text {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
}

.join-staff {
	padding: 100px 0 120px;
}

.join-staff .join-staff-inner {
	max-width: 900px;
	margin: 0 auto;
}

.join-staff .join-staff-inner h3 {
	font-family: "Work Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: uppercase;
}

.join-staff .join-staff-inner ul {
	margin: 40px auto 0;
	justify-content: flex-start;
	gap: 40px;
	flex-wrap: wrap;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media all and (max-width : 768px) {
	.join-staff .join-staff-inner ul {
		overflow: auto;
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
}

.join-staff .join-staff-inner ul li a {
	display: block;
	position: relative;
	width: 175px;
	height: 250px;
	border-radius: 80px;
	overflow: hidden;
}

@media all and (max-width : 768px) {
	.join-staff .join-staff-inner ul li a {
		border-radius: 0px;
		height: auto;
	}
}

.join-staff .join-staff-inner ul li a .img {
	width: 175px;
	height: 250px;
	overflow: hidden;
}

@media all and (max-width : 768px) {
	.join-staff .join-staff-inner ul li a .img {
		border-radius: 80px;
	}
}

.join-staff .join-staff-inner ul li a .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s all;
	transform: scale(1.1);
}

.join-staff .join-staff-inner ul li a p {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(217, 217, 217, 0.8);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s all;
	height: 100%;
	width: 100%;
}

@media all and (max-width : 768px) {
	.join-staff .join-staff-inner ul li a p {
		margin: 35px auto 0;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 200%;
		opacity: 1;
		position: initial;
		background: transparent;
		display: block;
	}
}

.join-staff .join-staff-inner ul li a:hover {
	opacity: 1;
}

.join-staff .join-staff-inner ul li a:hover .img img {
	transform: scale(1);
}

.join-staff .join-staff-inner ul li a:hover p {
	opacity: 1;
}

/* gallery*/
.gallery {
	padding: 102px 0 0;
}

@media all and (max-width : 768px) {
	.gallery {
		padding: 0;
	}
}

.gallery .gallery-wrapper {
	padding: 0 0 60px;
}

.gallery .gallery-wrapper .category {
	max-width: 850px;
	margin: 0 auto;
	padding: 0 22px;
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .category {
		padding: 3px 0 32px;
		background: #F7F7F7;
	}
}

.gallery .gallery-wrapper .category div {
	display: flex;
	align-items: center;
	gap: 0 15px;
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .category div {
		display: block;
		width: 340px;
		margin: 0 auto;
	}
}

.gallery .gallery-wrapper .category div ul {
	display: flex;
	align-items: center;
	gap: 0 12px;
}

.gallery .gallery-wrapper .category div ul li a {
	display: block;
	padding: 4px 18px;
	border-radius: 15px;
	border: 1px solid #082E47;
	background: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
	transition: all 0.5s ease;
}

.gallery .gallery-wrapper .category div ul li a:hover {
	opacity: 1;
	background: #082E47;
	color: #fff;
}

.gallery .gallery-wrapper .category div ul li label {
	display: block;
	padding: 4px 18px;
	border-radius: 15px;
	border: 1px solid #082E47;
	background: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
}

.gallery .gallery-wrapper .category div ul li label:hover {
	background: #082E47;
	color: #fff;
}

.gallery .gallery-wrapper .category div ul li label.selected {
	background: #082E47;
	color: #fff;
}

.gallery .gallery-wrapper .category div ul li input {
	display: none;
}

.gallery .gallery-wrapper .category div:not(:first-child) {
	margin: 15px auto 0;
}

.gallery .gallery-wrapper .category .select-box {
	position: relative;
	margin: 26px auto 0;
}

.gallery .gallery-wrapper .category .select-box:first-of-type {
	margin: 0 auto;
}

.gallery .gallery-wrapper .category .select-box:after {
	position: absolute;
	right: 33px;
	top: 50%;
	margin-top: -14px;
	content: url(../images/select-arrow.svg);
	width: 11px;
	height: 7px;
	pointer-events: none;
}

.gallery .gallery-wrapper .category .select-box select {
	max-width: 340px;
	width: 100%;
	height: 60px;
	border-radius: 30px;
	border: 1px solid #082E47;
	background: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
	text-align: center;
	appearance: none;
	color: #515151;
	white-space: normal;
	padding: 10px 50px;
}

.gallery .gallery-wrapper .category .select-box select:hover {
	color: #515151;
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .category .select-box select {
		text-align: center;
		text-align-last: center;
		font-size: 13px;
	}

	.gallery .gallery-wrapper .category .select-box select option {
		text-align: center;
		color: #515151;
	}

	.gallery .gallery-wrapper .category .select-box select option:hover {
		color: #515151;
	}
}

.gallery .gallery-wrapper .category .select-box select::-ms-expand {
	display: none;
}

.gallery .gallery-wrapper .card {
	padding: 0 22px;
	margin: 60px auto 0;
}

.gallery .gallery-wrapper .card>ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: auto;
	gap: 31px 35px;
	max-width: 850px;
	margin: 0 auto;
	justify-content: space-between;
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .card>ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px 19px;
	}
}

.gallery .gallery-wrapper .card>ul li {
	max-width: 300px;
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .card>ul li {
		width: 155px;
	}
}

.gallery .gallery-wrapper .card>ul li a {
	display: block;
	position: relative;
}

.gallery .gallery-wrapper .card>ul li a .img {
	width: 100%;
	aspect-ratio: 1/1.154;
	overflow: hidden;
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .card>ul li a .img {
		width: 155px;
		height: 180px;
		aspect-ratio: 1/1.161;
	}
}

.gallery .gallery-wrapper .card>ul li a .img img {
	aspect-ratio: 1/1.154;
	object-fit: cover;
	width: 100%;
	vertical-align: bottom;
	transition: 0.3s all;
	transform: scale(1.2, 1.2);
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .card>ul li a .img img {
		transform: scale(1, 1);
		width: 155px;
		height: 180px;
		aspect-ratio: 1/1.161;
	}
}

.gallery .gallery-wrapper .card>ul li a .hover {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	aspect-ratio: 1/1.154;
	width: 100%;
	background: rgba(217, 217, 217, 0.8);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s all;
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .card>ul li a .hover {
		position: initial;
		opacity: 1;
		display: block;
		text-align: left;
		aspect-ratio: initial;
		margin: 0 auto 0;
		background: #fff;
	}

	.gallery .gallery-wrapper .card>ul li a .hover p {
		font-size: 12px;
	}
}

.gallery .gallery-wrapper .card>ul li a:hover .img img {
	transform: scale(1, 1);
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .card>ul li a:hover .img img {
		transform: none;
	}
}

.gallery .gallery-wrapper .card>ul li a:hover .hover {
	opacity: 1;
}

.gallery .gallery-wrapper .card .page-nav {
	margin: 60px auto 0;
	max-width: 382px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .card .page-nav {
		max-width: 264px;
	}
}

.gallery .gallery-wrapper .card .page-nav a {
	font-family: Noto Sans JP;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .card .page-nav a {
		font-size: 13px;
	}
}

.gallery .gallery-wrapper .card .page-nav .page-nav-number {
	display: flex;
	align-items: center;
	gap: 0 35px;
}

@media all and (max-width : 768px) {
	.gallery .gallery-wrapper .card .page-nav .page-nav-number li:nth-child(n+4) {
		display: none;
	}
}

/* gallery-detail*/
.gallery-detail {
	padding: 44px 0 0;
}

@media all and (max-width : 768px) {
	.gallery-detail {
		padding: 25px 0 0;
	}
}

.gallery-detail .gallery-detail-wrapper {
	max-width: 900px;
	margin: 0 auto 80px;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper {
		padding: 0 22px 0;
	}
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 30px;
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a {
	display: flex;
	align-items: center;
	width: 80px;
	height: 36px;
	border-radius: 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.2px;
	position: relative;
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a {
		height: 40px;
	}
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.prev {
	border: 1px solid #D9D9D9;
	background: #D9D9D9;
	color: #FFF;
	transition: all 0.5s ease;
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.prev p {
	margin: 0 19px 0 auto;
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.prev span {
	margin: 0 auto 0 16px;
	transition: all 0.5s ease;
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.prev:hover {
	opacity: 1;
	background: #082E47;
	color: #fff;
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.prev:hover span {
	margin: 0 auto 0 12px;
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.next {
	border: 1px solid #283A49;
	background: #fff;
	color: #283A49;
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.next {
		background: #283A49;
		color: #fff;
	}
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.next p {
	margin: 0 auto 0 18px;
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.next span {
	margin: 0 16px 0 auto;
	transition: margin 0.2s ease;
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.next:hover {
	opacity: 1;
	background: #082E47;
	color: #fff;
}

.gallery-detail .gallery-detail-wrapper .prev-next-btn ul li a.next:hover span {
	margin: 0 12px 0 auto;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper {
	display: flex;
	gap: 0 50px;
	margin: 62px auto 0;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper {
		display: block;
		margin: 19px auto 0;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .img {
	width: 400px;
	height: auto;
	flex: 1;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .img {
		width: 100%;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .img .gallery-slide {
	margin: 0 0 16px;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .img .gallery-slide-btn li {
	cursor: pointer;
	outline: none;
	background: #333;
	width: 33.3333333333% !important;
	list-style: none;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .img .gallery-slide-btn .slick-track {
	transform: unset !important;
	display: flex;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .img .gallery-slide-btn .slick-track li {
	margin-right: 20px;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .img .gallery-slide-btn .slick-track li {
		margin-right: 16px;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .img .gallery-slide-btn .slick-track li:last-of-type {
	margin-right: 0;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .img img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .img .gallery-slide-btn .slick-slide {
	overflow: hidden;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .img .gallery-slide-btn .slick-slide img {
	transform: scale(1.2);
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .img .gallery-slide-btn .slick-slide img {
		transform: scale(1);
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .img .gallery-slide-btn .slick-slide:hover img {
	transform: scale(1);
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info {
	width: 450px;
	flex: 1;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info {
		width: 100%;
		margin: 44px auto 0;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .category ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0 6px;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .category ul li div {
	display: block;
	padding: 2px 15px;
	border-radius: 14px;
	background: #EEF2F5;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	text-align: center;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info p {
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info p.title {
	text-align: left;
	margin: 40px auto 0;
	font-size: 16px;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info p.title {
		margin: 31px auto 0;
		font-size: 16px;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info p.testarea {
	text-align: left;
	margin: 40px auto 0;
	font-size: 12px;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info p.testarea {
		margin: 31px auto 0;
		font-size: 13px;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area {
	margin: 94px auto 0;
	padding: 30px 0;
	border: solid #D9D9D9;
	border-width: 1px 0;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area {
		margin: 60px auto 0;
		padding: 30px 0;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper {
	display: flex;
	gap: 0 40px;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper {
		gap: 0 28px;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper .img {
	max-width: 101px;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper .img img {
	width: 100%;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper .info {
		margin: 0 auto;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper .info p {
	text-align: left;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper .info p.shop {
	font-size: 16px;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper .info p.job {
	margin: 7px auto 0;
	font-size: 12px;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper .info p.job {
		font-size: 13px;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper .info p.name {
	margin: 5px auto 0;
	font-size: 16px;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .staff-area .staff-area-wrapper .info p.name {
		margin: 23px auto 0;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .sns-icon {
	margin: 31px auto 0;
	display: flex;
	align-items: center;
	gap: 0 23px;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .sns-icon {
		flex-wrap: wrap;
		gap: 19px 16px;
		justify-content: space-around;
	}

	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .sns-icon.sp-only {
		display: flex !important;
		margin: 45px auto 0;
		justify-content: space-around;
	}
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .sns-icon li a svg {
	transform: scale(1);
	transition: all 0.5s ease;
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .sns-icon li a:hover svg {
	transform: scale(1.1);
}

.gallery-detail .gallery-detail-wrapper .info-wrapper .info .profile {
	margin: 36px auto 0;
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .profile {
		margin: 17px auto 0;
	}
}

@media all and (max-width : 768px) {
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .more_btn {
		background: #082E47;
	}

	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .more_btn p,
	.gallery-detail .gallery-detail-wrapper .info-wrapper .info .more_btn span {
		color: #fff;
	}
}

/* coupon*/
.coupon {
	padding: 102px 0 120px;
}

@media all and (max-width : 768px) {
	.coupon {
		padding: 66px 0 66px;
	}
}

.coupon .coupon-wrapper {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper {
		padding: 0 22px 0;
	}
}

.coupon .coupon-wrapper .card-coupon {
	margin: 0 auto 72px;
	border: 1px dashed #515151;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon {
		margin: 0 auto 62px;
	}
}

.coupon .coupon-wrapper .card-coupon:last-of-type {
	margin: 0 auto;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon:last-of-type {
		margin: 0 auto;
	}
}

.coupon .coupon-wrapper .card-coupon-inner {
	display: flex;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner {
		display: block;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .info {
	width: 520px;
	padding: 45px 53px 44px;
	background: #EEF2F5;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .info {
		width: 100%;
		padding: 26px 24px 38px;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .info .target ul {
	display: flex;
	align-items: center;
	gap: 0 20px;
}

.coupon .coupon-wrapper .card-coupon-inner .info .target ul li {
	padding: 2px 15px;
	display: block;
	border-radius: 14px;
	background: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.coupon .coupon-wrapper .card-coupon-inner .info p {
	text-align: left;
	font-style: normal;
	font-weight: 700;
	line-height: 200%;
}

.coupon .coupon-wrapper .card-coupon-inner .info p.title {
	margin: 21px auto 0;
	font-size: 18px;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .info p.title {
		font-size: 16px;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .info p.price {
	margin: 22px auto 0;
	font-size: 18px;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .info p.price {
		margin: 16px auto 0;
		font-size: 16px;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .info p.textarea {
	margin: 29px auto 0;
	padding: 0 0 21px;
	font-size: 12px;
	width: 100%;
	border-bottom: 1px solid #D9D9D9;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .info p.textarea {
		margin: 19px auto 0;
		padding: 0 0 23px;
		font-size: 14px;
		font-weight: 500;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .info .data {
	padding: 17px 0 0;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .info .data {
		margin: 20px auto 0;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .info .data p {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .info .data p {
		font-size: 13px;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .img-btn {
	width: 380px;
	padding: 35px 54px 41px 61px;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .img-btn {
		width: 100%;
		padding: 40px 20px 38px;
		border-width: 0 1px 1px 1px;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .img-btn .img {
	width: 220px;
	height: 220px;
	overflow: hidden;
	border-radius: 50%;
	margin-inline: auto;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .img-btn .img {
		width: 200px;
		height: 200px;
		margin: 0 auto;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .img-btn .img img {
	aspect-ratio: 1;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.coupon .coupon-wrapper .card-coupon-inner .img-btn .reservation {
	margin: 26px auto 0;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .img-btn .reservation {
		margin: 29px auto 0;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .img-btn .reservation a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 46px;
	border: 1px solid #7494AD;
	background: #FFF;
	transition: all 0.5s ease;
	border-radius: 23px;
	margin-inline: auto;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .img-btn .reservation a {
		border: 1px solid #7494AD;
		background: #7494AD;
		width: 100%;
		height: 60px;
		border-radius: 30px;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .img-btn .reservation a p {
	color: #082E47;
	text-align: center;
	font-family: "Work Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	transition: all 0.5s ease;
}

@media all and (max-width : 768px) {
	.coupon .coupon-wrapper .card-coupon-inner .img-btn .reservation a p {
		color: #fff;
		font-size: 16px;
		letter-spacing: initial;
	}
}

.coupon .coupon-wrapper .card-coupon-inner .img-btn .reservation a:hover {
	border: 1px solid #7494AD;
	background: #7494AD;
}

.coupon .coupon-wrapper .card-coupon-inner .img-btn .reservation a:hover p {
	color: #FFF;
	font-size: 16px;
}

.coupon .coupon-wrapper .card-coupon.first .card-coupon-inner .info {
	background: #EEF2F5;
}

.coupon .coupon-wrapper .card-coupon.new .card-coupon-inner .info {
	background: #EFF0F8;
}

.coupon .coupon-wrapper .card-coupon.member .card-coupon-inner .info {
	background: #EEF3E9;
}

/* special*/
.special {
	padding: 80px 0 120px;
}

@media all and (max-width : 768px) {
	.special {
		padding: 49px 0 57px;
	}
}

.special .special-wrapper {
	max-width: 900px;
	margin: 0 auto;
}

@media all and (max-width : 768px) {
	.special .special-wrapper {
		padding: 0;
	}
}

.special .special-wrapper h3.title {
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.special .special-wrapper h3.title {
		margin: 0 auto;
		font-size: 18px;
	}
}

/* menu*/
.menu {
	padding: 80px 0 120px;
}

@media all and (max-width : 768px) {
	.menu {
		padding: 49px 0 57px;
	}
}

.menu .menu-wrapper {
	max-width: 900px;
	margin: 0 auto;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper {
		padding: 0 22px;
	}
}

.menu .menu-wrapper h2.title {
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper h2.title {
		margin: 0 auto;
		font-size: 18px;
		font-weight: 500;
	}
}

.menu .menu-wrapper .menu-inner {
	display: flex;
	gap: 0 60px;
	margin: 60px auto 0;
	padding: 0 20px;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper .menu-inner {
		display: block;
		padding: 0;
	}
}

.menu .menu-wrapper .menu-inner .menu-column {
	width: 420px;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper .menu-inner .menu-column {
		width: 100%;
	}
}

.menu .menu-wrapper .menu-inner .menu-column .menu-box {
	margin-bottom: 80px;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper .menu-inner .menu-column .menu-box {
		margin-bottom: 30px;
	}
}

.menu .menu-wrapper .menu-inner .menu-column .menu-box h3 {
	text-align: left;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	padding: 0 0 8px;
	border-bottom: 1px solid #515151;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper .menu-inner .menu-column .menu-box h3 {
		font-size: 16px;
	}
}

.menu .menu-wrapper .menu-inner .menu-column .menu-box p.gray {
	text-align: left;
	margin: 10px auto 0;
	padding: 8px 19px 9px 15px;
	background: #F7F7F7;
	width: 100%;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper .menu-inner .menu-column .menu-box p.gray {
		font-weight: 500;
	}
}

.menu .menu-wrapper .menu-inner .menu-column .menu-box dl {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #D9D9D9;
	padding: 13px 11px 16px;
}

.menu .menu-wrapper .menu-inner .menu-column .menu-box dl:last-of-type {
	border: none;
}

.menu .menu-wrapper .menu-inner .menu-column .menu-box dl dt {
	text-align: left;
}

.menu .menu-wrapper .menu-inner .menu-column .menu-box dl dt p {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin: 3px auto 0;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper .menu-inner .menu-column .menu-box dl dt p {
		font-weight: 500;
		margin: 0 auto 0;
	}
}

.menu .menu-wrapper .menu-inner .menu-column .menu-box dl dt span {
	margin: 12px auto 0;
	font-size: 12px;
	line-height: 1.5;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper .menu-inner .menu-column .menu-box dl dt span {
		font-size: 13px;
	}
}

.menu .menu-wrapper .menu-inner .menu-column .menu-box dl dd {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper .menu-inner .menu-column .menu-box dl dd {
		font-weight: 500;
	}
}

.menu .menu-wrapper .bottom-gray {
	margin: 19px auto 0;
	padding: 13px 22px;
	text-align: left;
	width: 100%;
	background: #F7F7F7;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

.menu .menu-wrapper .care {
	text-align: left;
	margin: 12px auto 0;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.menu .menu-wrapper .care {
		font-size: 13px;
	}
}

/* shopstaff*/
.shopstaff {
	padding: 60px 0 80px;
}

@media all and (max-width : 768px) {
	.shopstaff {
		padding: 45px 0 57px;
	}
}

.shopstaff .shopstaff-wrapper {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper {
		padding: 0;
	}
}

.shopstaff .shopstaff-wrapper h2.title {
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper h2.title {
		margin: 0 auto;
		font-size: 18px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner {
	margin: 40px auto 0;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .shopstaff-slider {
	width: 100%;
	margin: 0 auto;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .shopstaff-slider {
		width: 100%;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .shopstaff-slider img {
	width: 100%;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .shopstaff-slider .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 15px;
	margin: 33px auto 0;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .shopstaff-slider .slick-dots li {
	width: 10px;
	height: 10px;
	border: 0;
	border-radius: 50%;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .shopstaff-slider .slick-dots li button {
	width: 10px;
	height: 10px;
	background: #EEF2F5;
	border: 0;
	border-radius: 50%;
	font-size: 0;
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .shopstaff-slider .slick-dots li.slick-active button {
	background: #F9FBBA;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info {
	margin: 39px auto 0;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info p {
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	text-align: left;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info p {
		padding: 0 30px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info p.textarea {
	font-size: 12px;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info p.textarea {
		font-size: 13px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info p.time {
	margin: 44px auto 0;
	font-size: 12px;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info p.time {
		font-size: 13px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info p.time span {
	font-size: 14px;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info p.time span {
		font-size: 16px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info p.address {
	margin: 31px auto 0;
	font-size: 12px;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info p.address {
		font-size: 13px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .tel {
	margin: 23px auto 0;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info .tel {
		padding: 0 30px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .tel a {
	text-align: left;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	display: block;
	transition: all 0.5s ease;
	width: fit-content;
	color: #515151;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .tel a:visited {
	color: #515151;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .tel a.big {
	font-family: Work Sans;
	font-weight: 300;
	font-size: 28px;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .tel a.big span {
	font-size: 16px;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .tel a.small {
	font-size: 16px;
	font-weight: 400;
	font-family: Work Sans;
	font-weight: 300;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon {
	margin: 36px auto 0;
	display: flex;
	align-items: center;
	gap: 0 25px;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon {
		padding: 0 30px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon li a {
	transition: all 0.5s ease;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon li a svg {
	transform: scale(1);
	transition: all 0.5s ease;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .sns-icon li a:hover svg {
	transform: scale(1.1);
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .reservation02 {
	margin: 30px auto 0;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info .reservation02 {
		padding: 20px 35px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .reservation02 a {
	display: block;
	padding: 16px 35px;
	border-radius: 83.75px;
	border: 1px solid #7494AD;
	background: #FFF;
	width: fit-content;
	transition: transform 0.5s ease;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .reservation02 a:visited {
	color: #7494AD;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info .reservation02 a {
		border: 1px solid #7494AD;
		background: #7494AD;
		width: 100%;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .reservation02 a p {
	color: #082E47;
	text-align: center;
	font-family: "Work Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	transition: transform 0.5s ease;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info .reservation02 a p {
		color: #fff;
		padding: 0;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .reservation02 a:hover {
	border: 1px solid #7494AD;
	background: #7494AD;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .reservation02 a:hover p {
	color: #FFF;
	letter-spacing: 1.7px;
	transform: scale(1.2);
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .google-map {
	margin: 59px auto 0;
	width: 100%;
	height: auto;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .google-map p {
	margin: 10px auto 0;
	text-align: left;
	color: #515151;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info .google-map p {
		padding: 0;
		margin: 0 10px;
		font-size: 13px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 {
	margin: 104px auto 0;
	display: flex;
	gap: 0 50px;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 {
		margin: 63px auto 0;
		display: block;
		padding: 0 30px;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 h3 {
	font-family: "Work Sans";
	font-size: 26px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	text-transform: capitalize;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 .calendar {
	width: 400px;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 .calendar {
		width: 100%;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 .calendar .inner {
	margin: 15px auto 0;
	border: 0.786px dashed #515151;
	position: relative;
	padding: 0 0 20px;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 .movie {
	width: 450px;
}

@media all and (max-width : 768px) {
	.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 .movie {
		width: 100%;
		margin: 42px auto 0;
	}
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 .movie .inner {
	margin: 15px auto 0;
	border: 0.786px dashed #515151;
	padding: 70px 10px 26px;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 .movie .inner .youtube {
	max-width: 100%;
	width: 100%;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 .movie .inner .youtube iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}

#calendar {
	position: relative;
	padding: 0 0 20px;
}

#calendar>p {
	font-size: 12px;
	text-align: right;
	margin: 0 10px 5px 0;
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}

@media all and (max-width : 768px) {
	#calendar>p {
		padding: 0;
	}
}

#calendar>p span {
	display: block;
	background: #ddd;
	width: 14px;
	height: 14px;
	border-radius: 50%;
}

#calendar .ui-datepicker .ui-datepicker-header {
	margin: 20px 0 15px !important;
}

#calendar .ui-datepicker .ui-datepicker-header a {
	top: 7px !important;
}

.fc-calendar .fc-row>div.fc-content>span.fc-date a {
	padding-top: 0 !important;
}

.fc-calendar .fc-row>div.fc-content>span.fc-date .holidays {
	background-color: #ddd !important;
}

.gallery .gallery-wrapper .category div ul li label {
	display: block;
	padding: 4px 18px;
	border-radius: 15px;
	border: 1px solid #082E47;
	background: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1.4px;
	transition: all 0.5s ease;
}

.shopstaff .shopstaff-wrapper .shopstaff-inner .info .column2 h3 span {
	display: none;
}

@media all and (max-width : 768px) {
	.blog-detail-wrapper .eye-catch img {
		width: 100% !important;
		height: auto !important;
	}
}

@media all and (max-width : 768px) {
	.news-detail-wrapper .eye-catch img {
		width: 100% !important;
		height: auto !important;
	}

	body .editor_reset p {
		margin: 15px 22px 0;
	}

}

.slider-top .slick-slide img,
.slider-bottom .slick-slide img {
	display: block;
	width: 100%;
	height: 40vh;
	object-fit: cover;
}

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