@charset "UTF-8";

/* Layout */

.l-body {
	width: 100%;
	overflow: clip;
}

.l-body.is-fixed {
	position: fixed;
}

.l-header {
	position: sticky;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	background: #000000;
	color: #FFF;
	z-index: 1000;
	min-width: 1280px;
}

.l-header__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	padding: 0 20px;
	width: 100%;
	max-width: 1040px;
}

.noscript {
	font-size: 16px;
	line-height: 1.4;
	text-align: center;
	padding: 1em;
	border: 3px solid red;
}

.noscript span {
	color: red;
}

.text-base {
	font-size: 1.4rem;
	line-height: 2.15;
}

.text-base p,
.text-base ol,
.text-base ul {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.text-base p:not(:last-child),
.text-base ol:not(:last-child),
.text-base ul:not(:last-child) {
	margin-bottom: 2.15em;
}

.button-primary {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 264px;
	height: 5.7rem;
	background: url(../img/common/btn_bg_02.svg) no-repeat center center/100% 100%;
	color: #FFF;
	border: none;
	padding: 0.2em 4em 0.2em 1.8em;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 4px 0 0 0;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.button-primary::before {
	content: "";
	width: 1.6em;
	height: 0.3em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 1.35em;
	right: 1.7em;
	-webkit-transform: skewx(45deg);
	transform: skewx(45deg);
	-webkit-animation: btn_arw_anime1 0.6s ease-in-out forwards;
	animation: btn_arw_anime1 0.6s ease-in-out forwards;
}

.button-secondary {
	position: relative;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	padding: 0 4.5em 1.2em 1.2em;
	background: url(../img/common/btn_bg.svg) no-repeat left bottom;
}

.button-secondary::before {
	content: "";
	width: 2em;
	height: 0.4em;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	position: absolute;
	top: 0.3em;
	right: 1.2em;
	-webkit-transform: skewx(45deg);
	transform: skewx(45deg);
	-webkit-animation: btn_arw_anime1 0.6s ease-in-out forwards;
	animation: btn_arw_anime1 0.6s ease-in-out forwards;
}

.header-logo a {
	display: block;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.header-logo img {
	display: block;
}

.menu-btn {
	display: none;
}

.menu-close-btn {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 2.6666666667vw 0 4vw;
	gap: 4vw;
	height: 8vw;
	margin: 8.5333333333vw auto 0;
}

.menu-close-btn__icon {
	display: block;
	width: 8vw;
	height: 3.2vw;
	position: relative;
	margin: 0 auto;
}

.menu-close-btn__icon span {
	display: block;
	width: 100%;
	height: 0.2666666667vw;
	background: currentColor;
	position: absolute;
	left: 50%;
	background: #9fa0a0;
}

.menu-close-btn__icon span:nth-child(1) {
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-23deg);
	transform: translate(-50%, -50%) rotate(-23deg);
}

.menu-close-btn__icon span:nth-child(2) {
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(23deg);
	transform: translate(-50%, -50%) rotate(23deg);
}

.menu-close-btn__text {
	font-size: 3.4666666667vw;
	color: #fff;
}

.gnavi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: clamp(1rem, -3.3574468085rem + 4.2553191489vw, 2.6rem);
}

.gnavi__item a {
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-decoration: none;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.gnavi-logo {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12.2666666667vw;
}

.gnavi-logo img {
	display: block;
}

.gnavi-logo a {
	display: block;
}

.gnavi-bottom__btn-wrap {
	margin-top: 10.1333333333vw;
}

.gnavi-bottom__reserve {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #b572ab;
	min-height: 13.3333333333vw;
	font-weight: 500;
	font-size: 4vw;
	letter-spacing: 0.2em;
	text-decoration: none;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.copyright {
	margin-top: 30px;
	font-size: 1.2rem;
	letter-spacing: 0.12em;
}

.footer {
	background: #414042;
	color: #fff;
	min-width: 1200px;
}

.footer a {
	text-decoration: none;
}

.footer__inner {
	display: grid;
	grid-template-columns: 342px 1fr;
	gap: 36px;
	margin: 0 auto;
	padding: 70px 0px 60px;
}

.footer__brand {
	display: grid;
	grid-template-columns: 233px 1fr;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	min-height: 360px;
	padding-top: 6px;
}

.footer__brand-main {
	min-width: 0;
}

.footer__logo {
	width: 201px;
}

.footer__address {
	margin-top: 50px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

.footer__map {
	margin-top: 8px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: underline;
	letter-spacing: 0.02em;
}

.footer__map__link {
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.footer__deco {
	margin: 0;
}

.footer__decos {
	display: grid;
	justify-items: end;
	padding-top: 49px;
}

.footer__deco--mountain {
	width: 62px;
	margin-right: 10px;
}

.footer__deco--bird {
	width: 44px;
	margin-top: 72px;
	margin-right: 22px;
}

.footer__deco--hut {
	width: 58px;
	margin-top: 67px;
	margin-right: 8px;
}

.footer__group-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #939598;
	width: 100%;
}

.footer__group-title {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0em;
}

.footer__group-link {
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 0.28em;
	letter-spacing: 0em;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.footer__resorts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	-webkit-column-gap: 36px;
	-moz-column-gap: 36px;
	column-gap: 36px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer__resort {
	max-width: 390px;
}

.footer__resort:nth-child(-n+2) {
	border-bottom: 1px solid #939598;
}

.footer__resort__link {
	display: grid;
	grid-template-columns: 54% minmax(0, 1fr);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 22px;
	padding: 20px 0 24px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.footer__resort-text {
	display: grid;
	gap: 6px;
	color: #969696;
	line-height: 1.35;
	padding-bottom: 10px;
}

.footer__resort-kicker,
.footer__resort-place {
	font-size: 1.4rem;
	font-weight: 700;
}

.footer__resort-place {
	letter-spacing: 0;
}

.footer__resort-name {
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
}

.footer__resort-name small {
	color: #969696;
	font-size: 1.4rem;
}

.footer-contact {
	background: #fff;
	color: #000;
}

.home .footer-contact,
.page-id-76 .footer-contact {
	background: #f6f6f4;
}

.footer-contact__inner {
	margin: 0 auto;
	text-align: center;
	max-width: 740px;
	padding: 64px 0px 78px;
}

.footer-contact__lead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	border-bottom: 1px solid #8d8f91;
	padding-left: 24%;
}

.footer-contact__lead-image {
	width: 49px;
	margin: 0;
}

.footer-contact__lead-text {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-top: 5px;
}

.footer-contact__main {
	padding: 42px 0 32px;
	border-bottom: 1px solid #8d8f91;
	margin: 0 auto;
}

.footer-contact__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer-contact__label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 270px;
	height: 50px;
	background: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0em;
}

.footer-contact__tel-wrap {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
	margin-left: clamp(0.5rem, -4.1428571429rem + 4.6428571429vw, 1.8rem);
}

.footer-contact__tel {
	color: inherit;
	line-height: 1;
	letter-spacing: 0.05em;
	text-decoration: none;
	font-size: 4.7rem;
	font-weight: 500;
}

.footer-contact__tel-ruby {
	position: relative;
	display: inline-block;
}

.footer-contact__tel-ruby > span {
	position: absolute;
	top: -10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.08em;
	white-space: nowrap;
}

.footer-contact__place {
	display: inline-block;
	margin-top: 0.6em;
	font-size: 1.3rem;
	line-height: 1.2;
}

.footer-contact__hours {
	margin-top: 20px;
	font-size: 1.4rem;
	letter-spacing: 0.03em;
}

.footer-contact__car-navi {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 18px;
	margin-top: 42px;
	padding: 8px 30px;
	border: 1px solid #8d8f91;
	background: #f6f6f4;
}

.footer-contact__car-navi-text,
.footer-contact__car-navi-tel {
	font-weight: 700;
	line-height: 1.5;
}

.footer-contact__car-navi-text {
	letter-spacing: 0.08em;
	font-size: 1.5rem;
}

.footer-contact__car-navi-tel {
	font-size: 2rem;
	text-decoration: none;
	letter-spacing: 0.12em;
	display: block;
}

.reserve {
	position: fixed;
	z-index: 1500;
	width: 140px;
	height: 60px;
	right: 20px;
	bottom: 30px;
	background: #fff;
}

.reserve__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #b572ab;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.08em;
	text-decoration: none;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

@media (hover: hover) {

.button-primary:hover {
	opacity: 0.6;
}

.button-primary:hover::before {
	-webkit-animation: btn_arw_anime2 0.6s ease-in-out forwards;
	animation: btn_arw_anime2 0.6s ease-in-out forwards;
}

.button-secondary:hover::before {
	-webkit-animation: btn_arw_anime2 0.6s ease-in-out forwards;
	animation: btn_arw_anime2 0.6s ease-in-out forwards;
}

.header-logo a:hover {
	opacity: 0.6;
}

.gnavi__item a:hover {
	opacity: 0.6;
}

.gnavi-bottom__reserve:hover {
	opacity: 0.6;
}

.footer__map__link:hover {
	opacity: 0.6;
}

.footer__group-link:hover {
	opacity: 0.6;
}

.footer__resort__link:hover {
	opacity: 0.6;
}

.reserve__link:hover {
	opacity: 0.6;
}

}

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

.l-header { /* 768px以下 */
	min-width: auto;
	height: 13.3333333333vw;
	background: #f6f6f4;
	z-index: 2000;
}

.l-header__inner { /* 768px以下 */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.l-navi { /* 768px以下 */
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	color: #FFF;
	z-index: 100;
	overflow-y: auto;
}

.l-navi__inner { /* 768px以下 */
	padding: 12vw 14.6666666667vw 13.3333333333vw 14.6666666667vw;
	height: auto;
}

.text-base { /* 768px以下 */
	font-size: 3.4666666667vw;
}

.button-primary { /* 768px以下 */
	width: 63.2vw;
	height: 13.7333333333vw;
	font-size: 4.2666666667vw;
}

.button-secondary { /* 768px以下 */
	font-size: 3.4666666667vw;
	background-size: auto 0.72vw;
}

.header-logo img { /* 768px以下 */
	width: 19.0666666667vw;
	-webkit-filter: brightness(0);
	filter: brightness(0);
}

.menu-btn { /* 768px以下 */
	display: block;
	background: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 3.2vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 9.6vw;
	height: 10.6666666667vw;
	z-index: 400;
	color: #9fa0a0;
}

.menu-btn__icon {
	display: block;
	width: 6.9333333333vw;
	height: 3.2vw;
	position: relative;
	margin: 0 auto;
}

.menu-btn__icon span {
	display: block;
	width: 100%;
	height: 0.2666666667vw;
	background: currentColor;
	position: absolute;
	left: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.menu-btn__icon span:nth-child(1) {
	top: 0;
	left: calc(50% + 1.0666666667vw);
}

.menu-btn__icon span:nth-child(2) {
	top: 50%;
	left: 50%;
}

.menu-btn__icon span:nth-child(3) {
	top: 100%;
	left: calc(50% - 1.0666666667vw);
}

.menu-btn.is-open .menu-btn__icon {
	width: 8vw;
}

.menu-btn.is-open .menu-btn__icon span {
	left: 50%;
}

.menu-btn.is-open .menu-btn__icon span:nth-child(1) {
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-23deg);
	transform: translate(-50%, -50%) rotate(-23deg);
}

.menu-btn.is-open .menu-btn__icon span:nth-child(2) {
	opacity: 0;
}

.menu-btn.is-open .menu-btn__icon span:nth-child(3) {
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(23deg);
	transform: translate(-50%, -50%) rotate(23deg);
}

.gnavi { /* 768px以下 */
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(5, auto);
	grid-auto-flow: column;
	gap: 5.3333333333vw 13.3333333333vw;
}

.gnavi__item a { /* 768px以下 */
	font-size: 4vw;
}

.gnavi-logo img { /* 768px以下 */
	width: 45.6vw;
}

.copyright { /* 768px以下 */
	font-size: 2.4933333333vw;
	margin-top: 14.9333333333vw;
	letter-spacing: 0.18em;
}

.footer { /* 768px以下 */
	min-width: unset;
}

.footer__inner { /* 768px以下 */
	display: block;
	padding: 19.7333333333vw 0px 2.6666666667vw;
}

.footer__brand { /* 768px以下 */
	display: block;
	padding: 0 0 12vw;
	text-align: center;
}

.footer__logo { /* 768px以下 */
	width: 46.4vw;
	margin: 0 auto;
}

.footer__address { /* 768px以下 */
	margin-top: 12.8vw;
	font-size: 3.2vw;
}

.footer__map { /* 768px以下 */
	margin-top: 2.1333333333vw;
	font-size: 3.2vw;
}

.footer__decos { /* 768px以下 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 92%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	padding-top: 9.3333333333vw;
}

.footer__deco--mountain { /* 768px以下 */
	margin: 0;
	width: 13.6vw;
}

.footer__deco--bird { /* 768px以下 */
	margin: 0;
	width: 9.8666666667vw;
}

.footer__deco--hut { /* 768px以下 */
	margin: 0;
	width: 13.3333333333vw;
}

.footer__group-head { /* 768px以下 */
	text-align: left;
	gap: 0;
	padding-bottom: 3.2vw;
}

.footer__group-title { /* 768px以下 */
	font-size: 4vw;
}

.footer__group-link { /* 768px以下 */
	font-size: 3.1733333333vw;
}

.footer__resorts { /* 768px以下 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.footer__resort { /* 768px以下 */
	border-bottom: 1px solid #939598;
	max-width: unset;
}

.footer__resort:nth-child(2) {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}

.footer__resort:nth-child(3) {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.footer__resort:nth-child(4) {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}

.footer__resort__link { /* 768px以下 */
	grid-template-columns: 50% minmax(0, 1fr);
	gap: 4.2666666667vw;
	min-height: 0;
	padding: 3.7333333333vw 0;
}

.footer__resort-text { /* 768px以下 */
	gap: 1.6vw;
	padding-bottom: 0;
}

.footer__resort-kicker,
.footer__resort-place { /* 768px以下 */
	font-size: 3.2vw;
}

.footer__resort-name { /* 768px以下 */
	font-size: 4.5333333333vw;
}

.footer__resort-name small { /* 768px以下 */
	font-size: 3.2vw;
}

.footer-contact__inner { /* 768px以下 */
	padding: 15.4666666667vw 0px 20.2666666667vw;
}

.footer-contact__lead { /* 768px以下 */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 5.3333333333vw;
	padding-left: 5%;
}

.footer-contact__lead-image { /* 768px以下 */
	width: 11.6vw;
}

.footer-contact__lead-text { /* 768px以下 */
	font-size: 4.32vw;
}

.footer-contact__main { /* 768px以下 */
	padding: 7.4666666667vw 0 5.8666666667vw;
}

.footer-contact__head { /* 768px以下 */
	display: block;
}

.footer-contact__label { /* 768px以下 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 64.8vw;
	height: 11.0666666667vw;
	margin: 0 auto 6.6666666667vw;
	font-size: 4.32vw;
}

.footer-contact__tel-wrap { /* 768px以下 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 2.1333333333vw;
	margin: 0;
}

.footer-contact__tel { /* 768px以下 */
	font-size: 11.2vw;
}

.footer-contact__tel-ruby > span { /* 768px以下 */
	font-size: 3.2vw;
}

.footer-contact__place { /* 768px以下 */
	margin-top: 0;
	font-size: 3.2vw;
}

.footer-contact__hours { /* 768px以下 */
	text-align: center;
	margin-top: 4.2666666667vw;
	font-size: 3.4666666667vw;
	line-height: 1.8;
}

.footer-contact__car-navi { /* 768px以下 */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 4.2666666667vw;
	width: 100%;
	margin-top: 9.3333333333vw;
	padding: 2.6666666667vw 6.9333333333vw;
}

.footer-contact__car-navi-text { /* 768px以下 */
	font-size: 3.4666666667vw;
}

.footer-contact__car-navi-tel { /* 768px以下 */
	font-size: 3.4666666667vw;
	letter-spacing: 0.18em;
}

.reserve { /* 768px以下 */
	right: 2.6666666667vw;
	bottom: 2.6666666667vw;
	width: 32vw;
	height: 13.3333333333vw;
}

.reserve__link { /* 768px以下 */
	font-size: 4vw;
}

}

@-webkit-keyframes btn_arw_anime1 {

30% {
	-webkit-transform: translateX(-80%) skewx(45deg);
	transform: translateX(-80%) skewx(45deg);
	opacity: 0;
}

50% {
	-webkit-transform: translateX(50%) skewx(45deg);
	transform: translateX(50%) skewx(45deg);
	opacity: 0;
}

70% {
	opacity: 1;
}

}

@keyframes btn_arw_anime1 {

30% {
	-webkit-transform: translateX(-80%) skewx(45deg);
	transform: translateX(-80%) skewx(45deg);
	opacity: 0;
}

50% {
	-webkit-transform: translateX(50%) skewx(45deg);
	transform: translateX(50%) skewx(45deg);
	opacity: 0;
}

70% {
	opacity: 1;
}

}

@-webkit-keyframes btn_arw_anime2 {

30% {
	opacity: 1;
}

50% {
	-webkit-transform: translateX(50%) skewx(45deg);
	transform: translateX(50%) skewx(45deg);
	opacity: 0;
}

70% {
	-webkit-transform: translateX(-80%) skewx(45deg);
	transform: translateX(-80%) skewx(45deg);
	opacity: 0;
}

}

@keyframes btn_arw_anime2 {

30% {
	opacity: 1;
}

50% {
	-webkit-transform: translateX(50%) skewx(45deg);
	transform: translateX(50%) skewx(45deg);
	opacity: 0;
}

70% {
	-webkit-transform: translateX(-80%) skewx(45deg);
	transform: translateX(-80%) skewx(45deg);
	opacity: 0;
}

}