@charset "utf-8";

@media screen and (max-width: 1640px) {}
@media screen and (min-width: 1295px) {}
@media screen and (min-width: 1655px) {}

/*==============================

		reset.css
		v1.0 | 20161027

==============================*/

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,
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;
}
caption,th, center {text-align:left}
del, strike, u, ins, s {text-decoration:none;}
mark {background-color:transparent;}

/* 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;
}

/*----------------------------------------------------------
	base
----------------------------------------------------------*/
html {
	position: relative;
	height: 100dvh;
	font-size:62.5%;
	overflow-y: scroll;
}
body {
	min-height: 100dvh;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
}

#yf-wrap {
	--w_fulll: 1280;
	--w_max: 960;
	--w_sp: 375;
	--c_white: #fff;
	--c_primary: #684c36;
	--c_bg: #f7f5f1;
	--c_link: #007a39;

	text-align: center;
	position: relative;
	background-color: var(--c_white);
	color: var(--c_primary);
	font-family: "Zen Old Mincho", serif;
	line-height: 1.75;
	font-weight: 400;
	letter-spacing: -0.035em;
	font-feature-settings: "palt" 1;
}
#yf-wrap .en,
#yf-wrap .txt-sans {
	font-family: "LINE Seed JP", sans-serif;
	letter-spacing: 0;
}

#yf-wrap a,
#yf-wrap button {
	display: inline-block;
	color: inherit;
	text-decoration: none;
	outline: none;
	opacity: 1;
	transition: all .5s;
	backface-visibility: hidden;
}
#yf-wrap a::after,
#yf-wrap a::before,
#yf-wrap button::after,
#yf-wrap button::before {
	transition: all .5s;
	backface-visibility: hidden;
}
#yf-wrap a img {
	vertical-align: top;
	background-color: rgba(255, 255, 255, .01);
}
#yf-wrap img { width: 100%; height: auto; vertical-align: top; background-color: rgba(255, 255, 255, .01);}
#yf-wrap .image img, .photo img, .illust img, figure img, picture img { width: 100%;}
#yf-wrap .fig-fit { width: 100%; height: 100%; object-fit: cover;}
#yf-wrap .ib { display: inline-block;}
#yf-wrap .txt-kome { padding-left: 1em; text-indent: -1em;}
#yf-wrap .txt-up { text-transform: uppercase;}
#yf-wrap .txt-br { word-break: keep-all; overflow-wrap: break-word; line-break: normal;}
#yf-wrap .txt-trk-1 { letter-spacing: -0.1em;}
#yf-wrap .noscript-text { padding: 1em;}
#yf-wrap summary { display: block; list-style-type: none;}
#yf-wrap summary::-webkit-details-marker { display: none;}

@media screen and (max-width: 640px) {
	#yf-wrap .sp { display: block;}
	#yf-wrap .pc { display: none;}
	#yf-wrap a,
	#yf-wrap a:hover,
	#yf-wrap a:link,
	#yf-wrap a:visited { color: var(--c_primary);}
}
@media screen and (min-width: 641px) {
	#yf-wrap .sp { display: none;}
	#yf-wrap .pc { display: block;}
	#yf-wrap a { color: var(--c_primary);}
}

/*----------------------------------------------------------
	js
----------------------------------------------------------*/
/* fade */
#yf-wrap .js-fade {
	opacity: 0;
	transform: translateY(30px);
	transition: transform 1s ease 0.15s, opacity 1s ease 0.15s;
}
#yf-wrap .js-fade.is-active {
	opacity: 1;
	transform: translateY(0);
}

#mv .js-fade { transition-delay: 0.5s;}
#mv .mv__title.js-fade { transition-delay: 0.15s;}

/* details */
.js-details {
  overflow: hidden;
}
.js-details .details__content {
  overflow: hidden;
}
summary {
  cursor: pointer;
  list-style: none;
}

/* news */
#yf-news-loading.spinner {
	width: 40px;
	height: 40px;
	margin: 20px auto;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #684c36;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
#yf-wrap .js-error-msg {
	padding-block: 2em;
	color: #ee1d23;
}
@media screen and (max-width: 640px) {
	#yf-wrap .js-error-msg {
		font-size: 15px;
	}
}
@media screen and (min-width: 641px) {
	#yf-wrap .js-error-msg {
		font-size: 22px;
	}
}

/*----------------------------------------------------------
	module
----------------------------------------------------------*/
/* title, text
----------------------------------------------------------*/
/* .txt-mark */
#yf-wrap .txt-mark,
#yf-wrap .title-mark {
	z-index: 5;
	position: relative;
	width: fit-content;
	color: var(--c_white);
}
#yf-wrap .txt-mark {
	display: inline-block;
}
#yf-wrap .title-mark {
	display: block;
}
#yf-wrap .txt-mark::before,
#yf-wrap .title-mark::before {
	z-index: -1;
	content: '';
	position: absolute;
	height: calc(100% - .2em);
	background: url('../img/bg_txt.svg') no-repeat 50% 50% / 100% 100%;
	translate: 0 -50%;
}
@media screen and (max-width: 640px) {
	#yf-wrap .txt-mark,
	#yf-wrap .title-mark {
		padding-inline: .15em;
	}
	#yf-wrap .txt-mark::before,
	#yf-wrap .title-mark::before {
		top: calc(50% + 2px);
		left: 0;
		width: 100%;
	}
}
@media screen and (min-width: 641px) {
	#yf-wrap .txt-mark {
		padding-inline: .15em .1em;
	}
	#yf-wrap .title-mark {
		padding-inline: .2em;
	}
	#yf-wrap .txt-mark::before,
	#yf-wrap .title-mark::before {
		top: calc(50% + 2px);
		left: -4px;
		width: calc(100% + 4px);
	}
}

/* link, btn
----------------------------------------------------------*/
#yf-wrap a:focus-visible,
#yf-wrap a img:focus-visible,
#yf-wrap button:focus-visible,
#yf-wrap summary:focus-visible {
	opacity: .85;
}
@media (any-hover: hover) {
	#yf-wrap a:hover,
	#yf-wrap a img:hover,
	#yf-wrap button:hover,
	#yf-wrap summary:hover {
		opacity: .85;
	}
}
/* .link__line */
#yf-wrap a.link__line {
	--link_bg_h: 1px;
	display: inline;
	padding-bottom: 1px;
	background: linear-gradient(0deg, var(--c_primary), var(--c_primary)) no-repeat right bottom / 100% var(--link_bg_h);
	transition: background-size .35s;
}
#yf-wrap a.link__line:focus-visible {
	background-size: 0 var(--link_bg_h);
	background-position-x: right;
}
@media (any-hover: hover) {
	#yf-wrap a.link__line:hover {
		background-size: 0 var(--link_bg_h);
		background-position-x: right;
	}
}

/* .link__btn */
#yf-main .link__btn {
	width: fit-content;
	margin-inline: auto;
}
#yf-wrap .link__btn a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* .link__btn.btn-reserve */
#yf-main .link__btn.btn-reserve a {
	position: relative;
	background: url('../img/bg_btn_res.svg') no-repeat 50% 50% / 100% 100%;
	color: var(--c_white);
	line-height: 1;
}
#yf-main .link__btn.btn-reserve a::before {
	content: '';
	position: absolute;
	background: url('../img/ico_ar_w.svg') no-repeat 50% 50% / contain;
}
#yf-main .link__btn.btn-reserve a .en {
	display: block;
	letter-spacing: 0.1em;
}
#yf-main .link__btn.btn-reserve a .ja {
	position: relative;
	display: block;
	width: fit-content;
	letter-spacing: 0.04em;
}
#yf-main .link__btn.btn-reserve a .ja::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 0.5px;
	background-color: var(--c_white);
}
@media screen and (max-width: 640px) {
	#yf-main .link__btn.btn-reserve a {
		padding-bottom: 8px;
		width: min(calc(245 / 375 * 100vw), 245px);
		height: 62px;
	}
	#yf-main .link__btn.btn-reserve a::before {
		right: 18px;
		width: 13px;
		height: 13px;
		margin-bottom: -14px;
	}
	#yf-main .link__btn.btn-reserve a .en {
		padding-bottom: 5px;
		font-size: 8px;
	}
	#yf-main .link__btn.btn-reserve a .ja {
		font-size: 10.5px;
	}
	#yf-main .link__btn.btn-reserve a .ja::before {
		bottom: -2px;
	}
}
@media screen and (min-width: 641px) {
	#yf-main .link__btn.btn-reserve a {
		padding-bottom: 10px;
		width: 390px;
		height: 100px;
	}
	#yf-main .link__btn.btn-reserve a::before {
		right: 30px;
		width: 20px;
		height: 20px;
		margin-bottom: -20px;
	}
	#yf-main .link__btn.btn-reserve a .en {
		padding-bottom: 6px;
		font-size: 13px;
		letter-spacing: 0.125em;
	}
	#yf-main .link__btn.btn-reserve a .ja {
		font-size: 17px;
	}
	#yf-main .link__btn.btn-reserve a .ja::before {
		bottom: -3px;
	}
}

/* .link__btn.btn-more */
#yf-main .link__btn.btn-more a {
	position: relative;
	border: 1px solid var(--c_primary);
	border-radius: 50%;
}
#yf-main .link__btn.btn-more a::before {
	content: '';
	position: absolute;
	background: url('../img/ico_ar.svg') no-repeat 50% 50% / contain;
}
#yf-main .link__btn.btn-more a span {
	position: relative;
	display: block;
	width: fit-content;
	line-height: 1;
}
#yf-main .link__btn.btn-more a span::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 0.5px;
	background-color: var(--c_primary);
}
@media screen and (max-width: 640px) {
	#yf-main .link__btn.btn-more a {
		width: 73px;
		height: 50px;
	}
	#yf-main .link__btn.btn-more a::before {
		right: 18px;
		width: 10px;
		height: 10px;
	}
	#yf-main .link__btn.btn-more a span {
		margin-right: 13px;
		font-size: 9px;
	}
	#yf-main .link__btn.btn-more a span::before {
		bottom: -1px;
	}
}
@media screen and (min-width: 641px) {
	#yf-main .link__btn.btn-more a {
		width: 147px;
		height: 100px;
		padding-bottom: 3px;
	}
	#yf-main .link__btn.btn-more a::before {
		right: 37px;
		width: 20px;
		height: 20px;
	}
	#yf-main .link__btn.btn-more a span {
		margin-right: 25px;
		font-size: 18px;
	}
	#yf-main .link__btn.btn-more a span::before {
		bottom: -2px;
	}
}

/* yf-news
----------------------------------------------------------*/
#yf-news {
	display: flex;
}
#yf-news .news-item__thumbnail {
	overflow: hidden;
}
#yf-news .news-item__hd {
	display: flex;
	align-items: center;
}
#yf-news .news-item__category {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--c_primary);
	border-radius: 100vh;
	line-height: 1.3;
	white-space: nowrap;
}

@media screen and (max-width: 640px) {
	#yf-news {
		flex-direction: column;
	}
	#yf-news .news-item+.news-item {
		margin-top: 20px;
	}
	#yf-news .news-item a {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto 1fr;
		gap: 8px 10px;
	}
	#yf-news .news-item__thumbnail {
		grid-row: 1 / span 2;
		width: calc(150 / 375 * 100vw);
		aspect-ratio: 300/225;
	}
	#yf-news .news-item__hd {
		grid-column: 2;
		grid-row: 1;
		gap: 3px;
	}
	#yf-news .news-item__category {
		width: 38px;
		font-size: 7px;
	}
	#yf-news .news-item__date {
		font-size: 8px;
		line-height: 1;
	}
	#yf-news .news-item__title {
		grid-column: 2;
		grid-row: 2;
		font-size: 9px;
	}
}
@media screen and (min-width: 641px) {
	#yf-news {
		flex-wrap: wrap;
		gap: 20px 25px;
	}
	#yf-news .news-item a {
		width: 230px;
	}
	#yf-news .news-item__thumbnail {
		width: 230px;
		aspect-ratio: 230/173;
	}
	#yf-news .news-item__hd {
		gap: 5px;
		margin-block: 16px 2px;
	}
	#yf-news .news-item__category {
		width: 60px;
		font-size: 11px;
	}
	#yf-news .news-item__date {
		font-size: 12px;
		line-height: 1;
	}
	#yf-news .news-item__title {
		font-size: 12px;
	}
}


/*----------------------------------------------------------
	common layout
----------------------------------------------------------*/
#yf-wrap {
	display: flex;
	flex-direction: column;
	min-height: calc(var(--vh, 1vh) * 100);
}
#yf-wrap::before {
	content: '';
	z-index: 50;
	position: fixed;
	top: 0;
	left: 0;
	width: calc(var(--vw, 1vw) * 100);
	height: calc(var(--vh, 1vh) * 100);
	visibility: hidden;
	opacity: 0;
}
.is-opened #yf-wrap::before { visibility: visible; opacity: 1;}

#yf-wrap section { position: relative; display: block;}
#yf-wrap section::after { clear: both; content: ''; display: block;}
#yf-wrap .inner {
	text-align: left;
	position: relative;
}
#yf-wrap .inner * { box-sizing: border-box;}
#yf-wrap .inner-s {
	max-width: 740px;
	margin-inline: auto;
}
#yf-wrap .inner-m {
	max-width: 960px;
	margin-inline: auto;
}
#yf-wrap .inner-w {
	max-width: 1240px;
	margin-inline: auto;
}
#yf-wrap .inner-f {
	max-width: 1440px;
	margin-inline: auto;
}
@media screen and (max-width: 640px) {
	#yf-wrap .inner-s,
	#yf-wrap .inner-m,
	#yf-wrap .inner-w,
	#yf-wrap .inner-f {
		padding-inline: 50px 25px;
	}
}
@media screen and (min-width: 641px) {
	#yf-wrap .inner-w,
	#yf-wrap .inner-f {
		box-sizing: content-box;
		padding-inline: 100px;
	}
}

/* #yf-floatbtn
----------------------------------------------------------*/
#yf-floatbtn {
	z-index: 50;
	position: sticky;
	top: 0;
	left: 0;
}
#yf-floatbtn .floatbtn__wrap {
	position: absolute;
	top: 0;
	left: 0;
}
#yf-floatbtn .btn-insta a {
	color: var(--c_link);
	font-weight: 500;
}
#yf-floatbtn .btn-insta a span {
	writing-mode: vertical-rl;
}
#yf-floatbtn .btn-reserve a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: url('../img/bg_btn_float.svg') no-repeat 0 0 /	100% 100%;
	color: var(--c_white);
	font-weight: 500;
}
#yf-floatbtn .btn-reserve a span {
	writing-mode: vertical-rl;
}
@media screen and (max-width: 640px) {
	#yf-floatbtn .floatbtn__wrap {
		padding-top: 50px;
	}
	#yf-floatbtn .btn-insta a {
		gap: 8px;
		width: 40px;
		padding-block: 7px;
		font-size: 9px;
	}
	#yf-floatbtn .btn-insta a img {
		width: 28px;
	}
	#yf-floatbtn .btn-reserve {
		margin-top: 7px;
	}
	#yf-floatbtn .btn-reserve a {
		width: 40px;
		height: 126px;
		padding-right: 3px;
		font-size: 13px;
	}
}
@media screen and (min-width: 641px) {
	#yf-floatbtn .floatbtn__wrap {
		padding-top: 100px;
	}
	#yf-floatbtn .btn-insta a {
		gap: 16px;
		width: 90px;
		padding-block: 14px;
		font-size: 18px;
	}
	#yf-floatbtn .btn-insta a img {
		width: 56px;
	}
	#yf-floatbtn .btn-reserve {
		margin-top: 14px;
	}
	#yf-floatbtn .btn-reserve a {
		width: 90px;
		height: 285px;
		font-size: 27px;
		letter-spacing: 0.08em;
	}
}

/* yf-nav
----------------------------------------------------------*/
#yf-wrap .nav-sns ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
@media screen and (max-width: 640px) {
	#yf-wrap .nav-main div+div {
		margin-top: 25px;
	}
	#yf-wrap .nav-main dt {
		padding-bottom: 4px;
		font-size: min(calc(26 / 375 * 100vw), 26px);
	}
	#yf-wrap .nav-main dd {
		margin-bottom: 2px;
		font-size: 16px;
	}
	#yf-wrap .nav-sns {
		margin-top: 50px;
	}
	#yf-wrap .nav-sns ul {
		gap: 13px 27px;
	}
	#yf-wrap .nav-sns li img {
		width: 46px;
	}
	#yf-wrap .nav-sns ul li:last-child {
		width: 100%;
		font-size: 14px;
		line-height: 1.79;
	}
}
@media screen and (min-width: 641px) {
	#yf-wrap .nav-main {
		display: flex;
		flex-wrap: wrap;
		row-gap: 30px;
	}
	#yf-wrap .nav-main div {
		width: 25%;
	}
	#yf-wrap .nav-main div:nth-of-type(3) { width: 30%;}
	#yf-wrap .nav-main div:nth-of-type(4) { width: 20%;}
	#yf-wrap .nav-main dt {
		padding-bottom: 4px;
		font-size: 27px;
	}
	#yf-wrap .nav-main dd {
		font-size: 16px;
	}
	#yf-wrap .nav-sns {
		margin-top: 64px;
	}
	#yf-wrap .nav-sns ul {
		column-gap: 27px;
	}
	#yf-wrap .nav-sns li img {
		width: 46px;
	}
	#yf-wrap .nav-sns ul li:last-child {
		font-size: 17px;
		line-height: 1.79;
	}
}

/* #yf-header
----------------------------------------------------------*/
#yf-header {
	position: relative;
}
#yf-header .header-inner {
	z-index: 99;
	position: fixed;
	top: 0;
  left: 0;
	width: 100%;
	background-color: var(--c_white);
}
#yf-header .header__logo {
	text-align: center;
}
#yf-header .header__logo img {
	width: auto;
}
@media screen and (max-width: 640px) {
	#yf-header,
	#yf-header .header-inner {
		height: 50px;
	}
	#yf-header .header__logo {
		margin-top: 4px;
	}
	#yf-header .header__logo img {
		width: 122px;
		height: 43px;
	}
}
@media screen and (min-width: 641px) {
	#yf-header,
	#yf-header .header-inner {
		height: 100px;
	}
	#yf-header .header__logo {
		margin-top: 5px;
	}
	#yf-header .header__logo img {
		height: 91px;
	}
}

#header-btn {
	z-index: 501;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	margin-left: auto;
	cursor: pointer;
}
#header-btn span {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	display: block;
}
#header-btn span::after {
	content: 'Menu';
	color: var(--c_primary);
}
#header-btn span::before,
#header-btn::before,
#header-btn::after {
	content: '';
	position: absolute;
	top: calc(50% - 3px);
	right: 0;
	left: 0;
	display: block;
	margin: auto;
	background-color: var(--c_primary);
}
#header-btn.is-active {
	border-color: var(--c_primary);
}
#header-btn.is-active span::before {
	display: none;
}
#header-btn.is-active span::after {
	content: 'Close';
}

#yf-header .js-menu_target {
	z-index: 500;
	overflow-y: auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: calc(var(--vh, 1vh) * 100);
	background-color: var(--c_white);
	color: var(--c_primary);
	visibility: visible;
	opacity: 0;
	transition: opacity 0.5s ease;
	-webkit-overflow-scrolling: touch;
	pointer-events: none;
}
#yf-header .js-menu_target.is-active {
	opacity: 1;
	pointer-events: all;
}
#header-nav .nav-logo {
	width: fit-content;
	margin-inline: auto;
}
#header-nav .nav-logo img {
	width: auto;
}
@media screen and (max-width: 640px) {
	#header-btn {
		width: 58px;
		height: 50px;
	}
	#header-btn span {
		padding-top: 7px;
		font-size: 7px;
	}
	#header-btn span::before,
	#header-btn::before,
	#header-btn::after {
		width: 20px;
		height: 1px;
	}
	#header-btn span::before {
		margin-top: -8px;
	}
	#header-btn::before {
		margin-top: 6px;
	}
	#header-btn::after {
		margin-top: -6px;
	}
	#header-btn.is-active::before,
	#header-btn.is-active::after {
		width: 23px;
	}
	#header-btn.is-active::before {
		transform: translate(0, -6px) rotate(-30deg);
	}
	#header-btn.is-active::after {
		transform: translate(0, 6px) rotate(30deg);
	}

	#header-wrap .inner-w {
		padding-inline: 50px;
	}
	#header-nav {
		padding-block: 55px 20px;
	}
	#header-nav .nav-main {
		margin-right: -20px;
	}
	#header-nav .nav-logo {
		padding-bottom: 10px;
	}
	#header-nav .nav-logo img {
		height: 43px;
	}
}
@media screen and (min-width: 641px) {
	#header-btn {
		width: 120px;
		height: 100px;
	}
	#header-btn span {
		padding-top: 14px;
		font-size: 14px;
	}
	#header-btn span::before,
	#header-btn::before,
	#header-btn::after {
		width: 40px;
		height: 2px;
	}
	#header-btn span::before {
		margin-top: -19px;
	}
	#header-btn::before {
		margin-top: 8px;
	}
	#header-btn::after {
		margin-top: -16px;
	}
	#header-btn.is-active::before,
	#header-btn.is-active::after {
		width: 49px;
	}
	#header-btn.is-active::before {
		transform: translate(0, -12px) rotate(-30deg);
	}
	#header-btn.is-active::after {
		transform: translate(0, 12px) rotate(30deg);
	}

	#header-wrap .inner-w {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: calc(var(--vh, 1vh) * 100);
		padding-inline: 100px;
	}
	#header-nav .nav-logo {
		padding-bottom: 34px;
	}
	#header-nav .nav-logo img {
		height: 91px;
	}
	#header-nav .nav-main {
		row-gap: 18px;
	}
}

/* #yf-footer
----------------------------------------------------------*/
#yf-footer {
	background: var(--c_white);
	color: var(--c_primary);
	font-family: "Zen Old Mincho", serif !important;
	font-weight: 500;
}
#yf-footer .footer__copy {
	text-align: center;
}
#yf-totop {
	position: absolute;
	writing-mode: vertical-rl;
	cursor: pointer;
}
#yf-totop::before {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	background: url('../img/ico_ar.svg') no-repeat 50% 50% / contain;
	transform: rotate(-90deg);
}
@media screen and (max-width: 640px) {
	#yf-footer {
		padding-block: 30px 10px;
	}
	#yf-footer .inner.inner-w {
		padding-inline: 50px 25px;
	}
	#yf-footer .footer__logo {
		margin: 37px auto 14px;
		width: 143px;
		translate: -12.5px;
	}
	#yf-footer .footer__copy {
		font-size: 9px;
		translate: -12.5px;
	}
	#yf-totop {
		right: 4px;
		bottom: 16px;
		font-size: 15px;
	}
	#yf-totop::before {
		top: -22px;
		width: 16px;
		height: 16px;
	}
}
@media screen and (min-width: 641px) {
	#yf-footer {
		padding-block: 42px 10px;
	}
	#yf-footer .footer__logo {
		margin: 143px 0 0 auto;
		width: 196px;
	}
	#yf-footer .footer__copy {
		margin-top: -12px;
		font-size: 12px;
	}
	#yf-totop {
		right: 14px;
		bottom: 19px;
		font-size: 19px;
	}
	#yf-totop::before {
		top: -28px;
		width: 20px;
		height: 20px;
	}
}