@charset "UTF-8";
/*=============================================================

	Date: 2025-10-24
	CSS Document ： el:mentの付けハイネック

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

/* color: var(--theme-color); */
:root {
  --theme-color: #786137;/* キーカラー指定 */
  --bg-color: #ded8ce;/* 背景カラー指定 */
}

.splide__pagination__page.is-active {
    border-color: var(--theme-color);
}


/*------------------------------------
仮想LP用ベース
------------------------------------*/
.fca_cat-hero, .sr_page-shopping-result__free {
  overflow: visible !important;
}
.fca_cat-hero .sr_page-shopping-result__free .fca_container__in {
  max-width: 100%;
}
.fca_cat-hero .sr_page-shopping-result__free .fca_container {
  padding: 0;
}
.fca_page-shop-category__body {
  margin-top: 0;
}
/*------------------------------------

ベース

------------------------------------*/
.pc {
		display: block;
}
.sp {
		display: none;
}
.bold_ct {
		font-weight: bold;
}
#wrapper {
		width: 100%;
		color: #333333;
		line-height: 1.7;
		letter-spacing: 0.04em;
		text-align: left;
		background: #FFF;
		opacity: 0;
		animation: fadeIn_ct 1s 0.8s both;
		position: relative;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-feature-settings: "chws"1;
}
#wrapper-inner {
		/* max-width: 1400px; */
		margin: 0 auto;
}
#wrapper img {
		height: auto;
		max-width: 100%;
		width: 100%;
}
/* hover */
#wrapper a:hover {
		text-decoration: none;
}
@media (hover: hover) {
		#wrapper a {
				transition: all 0.3s;
		}
		#wrapper a:hover {
				opacity: 0.8;
		}
}
/*------------------------------------

タイトル

------------------------------------*/
#title {
		text-align: center;
		position: relative;
		width: 100%;
		height: 780px;
		background:  var(--bg-color);
		border-bottom: 18px solid #FFF;
}
#title .titleinner {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 1000px;
		position: relative;
		margin: 0 auto;
}
#title .titleinner img {}
#title .title-txt {
		position: absolute;
		top: 6%;
		left: 70.5%;
		width: 135px;
}
#title .title-txt .title-main {
		/* width: 100%; */
		display: block;
		margin: 0 auto .2em;
	opacity: 0;
	animation: blur_ct 1.5s 1.7s both;
}
#title .title-txt .title-item {
		max-width: none;
		width: 142%;
		margin: 0 0 0 -27%;
}
#title .titleinner .title-photo {
		width: 544px;
		margin-top: 40px;
}
#title .ttl-icon {
		position: absolute;
		top: 13.5%;
		left: 17%;
		width: 146px;
		animation: fadeInBottom_ct 1.5s 2.0s both;
		mix-blend-mode: multiply;
}


/*------------------------------------

一覧アンカーリンクボタン

------------------------------------*/
.anchor-btn {
    background: #967e33;
    border-radius: 3em;
    color: #FFF !important;
    width: max-content;
    margin: 0 auto 0;
    position: relative;
    padding: 0.5em 2em;
    letter-spacing: 0.2em;
}
.anchor-btn span { }

.anchor-btn::before {
display: block;
width: calc(100% - 6px);
height: calc(100% - 6px);
content: '';
position: absolute;
top: 3px;
left: 3px;
 border-radius: 3em;
    border: 0.5px solid #FFF;
    opacity: 0.5;
}
.anchor-btn::after {display: block;width: 0.5em;height: 100%;content: '';background-image: url(../images/anchor_arrow.svg);background-repeat: no-repeat;background-position: center;background-size:99%;position: absolute;top: 0;right: 0.9em;}

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

スマホコンテンツ

===================================*/
#sp-contents-wrapper {
		/* background-color: #fdf1f3; */
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		gap: 5%;
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		font-family: "秀英角ゴシック金 M";
}
#sp-contents {
		background-color: var(--bg-color);
		width: 650px;
		/* width: 65%; */
		/* min-width: 700px; */
		text-align: center;
		padding-bottom: 3em;
		position: relative
}
#sp-contents::before {
		display: block;
		width: 95%;
		height: 1px;
		content: '';
		background: #FFF;
		position: absolute;
		top: 13px;
		left: 2.5%;
}
#sp-contents p {
		font-family: "秀英角ゴシック金 M";
		line-break: strict;
}
/*------------------------------------

カテゴリナビ PC表示

------------------------------------*/
#category-nav-pc {
		position: sticky;
		top: 0;
		left: 0;
		max-width: 270px;
		font-size: 91%;
		text-align: center;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
}
#category-nav-pc .side-inner {
    display: block;
}
#category-nav-pc a {
		cursor: pointer;
}

#category-nav-pc .side-logo {
		width: 41%;
		margin-bottom: 1.5em;
}
/*------------------------------------

アイテムナビ

------------------------------------*/
#item-nav {
		background: #fff;
		padding: 1.2em 0 0.9em;
		position: relative;
		border-top: 1px solid #e5e5e5;
}

#item-nav h2.category-midashi {
		/* width: 64%; */
		margin: 0 auto 0.7em;
		/* display: flex; */
		/* justify-content: center; */
		/* align-items: center; */
		gap: 0.3em;
		font-family: "秀英明朝 M", serif;
		font-size: 170%;
		letter-spacing: 0.12em;
}
#item-nav h2.category-midashi .midashi-sub {
		font-size: 70%;
		letter-spacing: 0.1em;
}

#item-nav .item-nav-list {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 4%;
		width: 90%;
		/* max-width: 520px; */
		margin: 0 auto;
		position: relative;
		z-index: 1;
}
#item-nav .item-nav-list a {
		width: 28%;
		text-align: center;
		position: relative;
		margin: 0em 0 1em;
}
#item-nav .item-nav-list a::after {
		display: block;
		width: 100%;
		height: 0.4em;
		margin: -19% auto 0;
		content: '';
		background: url(../images/nav_arrow.png) no-repeat center;
		background-size: contain;
		transition: all 0.3s;
		position: relative;
}
@media (hover: hover) {
		#item-nav .item-nav-list a:hover::after {
				transform: translateY(3px);
		}
}
#item-nav .item-nav-list a img {
		display: inline-block;
}
/* 現在地 */
#item-nav .item-nav-list a .item-name span {
		/* display: inline-block; */
		/* line-height: 1; */
}
/* #item-nav .item-nav-list a.current .item-name span {
		background: linear-gradient(transparent 60%, #faed00 60%);
} */
/*------------------------------------

リード

------------------------------------*/
#lead {
		padding: 3.0em 0 0em;
}
#lead p {
		line-height: 1.9;
		text-align: center;
		font-size: 113%;
		/* letter-spacing: 0.1em; */
		margin-bottom: 2.3em;
		font-family: "秀英明朝 M", serif;
}
/*------------------------------------

こんなときにおすすめ

------------------------------------*/
#osusume-wrap {
		background: #FFF;
		width: 84%;
		margin: 0 auto;
		padding: 2.5em 0;
}
#osusume-wrap .osusume-ttl {
		margin: 0 0 1.7em;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1.6em;
}
#osusume-wrap .osusume-ttl img {
		width: 26%;
}
#osusume-wrap .osusume-ttl h3 {
		text-align: left;
		font-family: "秀英明朝 M", serif;
		color: var(--theme-color);
		margin: 0;
		font-size: 171%;
		line-height: 1.45;
		letter-spacing: 0.15em;
}
#osusume-wrap .osusume-list {
		width: 74%;
		margin: 0 auto;
		font-size: 108%;
		display: block;
}
#osusume-wrap .osusume-list .osusume-point {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 0.7em;
		margin: 0 0 1em;
}
#osusume-wrap .osusume-list .osusume-point::before {
		display: block;
		width: 0.5em;
		height: 0.5em;
		content: '';
		border-radius: 50%;
		border: 1px solid #000;
}
#osusume-wrap .osusume-list .osusume-point span {
		white-space: nowrap;
		font-family: "秀英角ゴシック金 B";
		margin-right: -2em;
}
#osusume-wrap .osusume-list .osusume-point span::after {
		display: block;
		width: calc(100% + 2em);
		height: 100%;
		content: '';
		border-bottom: 1px solid #b2b2b2;
		margin: 0.3em 0 0 -1.7em;
}
/*------------------------------------

アイテム紹介

------------------------------------*/
#wrapper .h3-ttl {
		font-size: 334%;
		font-family: "秀英明朝 M", serif;
		line-height: 1.25;
}
#wrapper .h3-ttl .sub-ttl-image {
		width: 15%;
		margin: 0 0 0.2em;
}
#wrapper .h3-ttl .sub-ttl {
		/* color: #6b4733; */
		font-size: 47%;
		display: block;
		/* justify-content: center; */
		/* align-items: center; */
		gap: 0.3em;
		letter-spacing: 0.2em;
}
#wrapper .h3-ttl .main-ttl {
		/* color: #e2536b; */
		font-size: 69%;
		margin-bottom: 0.15em;
		display: block;
		/* font-optical-sizing: auto; */
		/* font-weight: 600; */
		letter-spacing: 0.15em;
		font-style: normal;
}
#item-wrap {
		/* background: #f2f2f2; */
		padding: 4em 0 0;
}
/* アイテムボックス */
#item-wrap .item-box {
		position: relative;
		margin: 0 auto 5em;
		padding: 4em 0 0em;
}
#item-wrap .item-box#item05 {margin-bottom:6.5em;}

#item-wrap .item-box .item-link {}
/* アイテム メインタイトルエリア */
#item-wrap .item-main {
		position: relative;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		z-index: 1;
}
#item-wrap .item-main .item-ttl {
		width: 11%;
		position: absolute;
		top: -6%;
		left: 11%;
	opacity: 0;
}
#item-wrap .item-main .item-ttl h3 {}
#item-wrap .item-main .item-ttl h3 img {}
#item-wrap .item-main .sub-ttl {
		position: absolute;
		top: -9.5%;
		right: 1%;
		width: 42%;
}
#item-wrap .item-main .sub-ttl img {}
#item-wrap .item-main .item-model-photo {
		width: 80%;
		margin: 0 4% 0;
}
/* 背景生地見せ */
#item-wrap .swatch-photo {
		margin: -8.5em 0 -7.5em;
}
/* イメージ商撮 */
#item-wrap .item-detail {
		width: 83%;
		margin: 0 auto;
		position: relative;
}
#item-wrap .item-detail > img {}
/* 機能アイコン */
#item-wrap .item-detail .icon-wrap {
		position: absolute;
		bottom: 4%;
		left: 4%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 2%;
	width: 100%;
}
#item-wrap .item-detail .icon-wrap img {
		width: 16%;
}
/* アイテム説明 */
#item-wrap .item-lead {
		width: 84%;
		margin: 1.5em auto 2.5em;
		text-align: justify;
}

/* アニメーション */
#item-wrap .item-box.fade_ct .item-main .item-ttl {
	animation: blur_ct 1.2s 0.2s both;
	
}

/*------------------------------------

個別

------------------------------------*/
#item-wrap #item01 .item-main .item-ttl {
	top: -1%;
	left: 13%;
}
#item-wrap #item02 .item-main {
}
#item-wrap #item02 .item-main .item-ttl {
}
#item-wrap #item02 .item-main .item-ttl h3 {}
#item-wrap #item02 .item-main .item-ttl h3 img {}
#item-wrap #item02 .item-main .sub-ttl {width: 40%;right: 2%;top: -10%;}
#item-wrap #item02 .item-main .sub-ttl img {}
#item-wrap #item02 .item-main .item-model-photo {
}
#item-wrap #item02 .swatch-photo {margin: -12.5em 0 0;}
#item-wrap #item02 .item-detail {margin: -7.4em 0 4em 3%;}
#item-wrap #item02 .item-detail .icon-wrap {position: relative;}

#item-wrap #item03 .item-main {
    justify-content: flex-start;
}
#item-wrap #item03 .item-main .item-ttl {
    left: auto;
    right: 10%;
}
#item-wrap #item03 .item-main .item-ttl h3 img {}
#item-wrap #item03 .item-main .sub-ttl {
    right: auto;
    left: 0;
    /* top: -10%; */
}
#item-wrap #item03 .item-main .item-model-photo {
}
#item-wrap #item04 .item-main .sub-ttl {top: -7.0%;right: 0.5%;}

#item-wrap #item05 .item-main {
    justify-content: flex-start;
}
#item-wrap #item05 .item-main .item-ttl {
    left: auto;
    right: 10%;
}
#item-wrap #item05 .item-main .item-ttl h3 img {}
#item-wrap #item05 .item-main .sub-ttl {
    right: auto;
    left: 0;
    top: -10%;
}
#item-wrap #item05 .item-main .item-model-photo {
}
#item-wrap #item06 .item-main {
    justify-content: flex-start;
}
#item-wrap #item06 .item-main .item-ttl {
    left: auto;
    right: 10%;
}
#item-wrap #item06 .item-main .item-ttl h3 img {}
#item-wrap #item06 .item-main .sub-ttl {
    right: auto;
    left: 3%;
    top: -6%;
}

/*------------------------------------

商品リンク

------------------------------------*/
.link-wrap {
		background: #FFF;
		padding: 1.5em 0 0;
		max-width: 80%;
		margin: 0 auto;
}
.link-wrap .spec-wrap {
		transition: all 0.3s;
		display: block;
}
.link-wrap .spec-wrap .item-spec {
		/* font-size: 105%; */
}
.link-wrap .spec-wrap .item-name {
		/* text-decoration: underline; */
		display: block;
		margin: 0.2em 0;
		letter-spacing: 0;
		line-height: 1.5;
}
.link-wrap .spec-wrap .price {
		display: block;
		font-size: 118%;
}
.link-wrap .spec-wrap .tanyi {
		font-size: 70%;
		margin-right: 0.3em;
}
.link-wrap .spec-wrap .num {
		font-family: "秀英明朝 M", serif;
		letter-spacing: 0.05em;
		font-size: 90%;
}
.link-wrap .spec-wrap .tax {
		font-size: 70%;
}
.link-wrap .spec-wrap .price.red-price {
		color: #c1272d;
		display: block;
		/* font-size: 125%; */
		line-height: 1.3;
		/* letter-spacing: -0.1em; */
}
.spec-btn {
		position: relative;
		display: inline-block;
		margin: 0.8em 0 1.3em;
}
.spec-btn span {
		color: #FFF;
		position: relative;
		background: #000;
		padding: 0.3em 2.2em;
		border: 1px solid #000;
		border-radius: 2em;
		display: inline-block;
		font-size: 100%;
		transition: all 0.3s;
		font-family: "秀英明朝 B", serif;
		letter-spacing: 0;
		letter-spacing: 0.1em;
}
.spec-btn::after {
		display: block;
		width: 0.9em;
		height: 100%;
		content: '';
		background: url("../images/link_arrow.png") no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 0.9em;
		transition: all 0.3s;
}
/* hover */
@media (hover: hover) {
		#item-wrap .link-wrap:hover .spec-btn::after {
				right: 0.7em;
		}
}
/*------------------------------------

Voice

------------------------------------*/
#voice {
		padding: 0em 0 0;
		position: relative;
}
#wrapper #voice .h3-ttl .sub-ttl-image {
		width: 12%;
}
.voice-wrap {
		/* border: solid 2px #6b4733; */
		/* border-radius: 2em; */
		position: relative;
}
.voice-wrap .voice-inner {
		/* border-radius: 2em; */
		background: #FFF;
		/* border: 6px solid#FFF; */
		padding: 2em 2em 1.5em;
		text-align: justify;
		letter-spacing: 0;
}
.voice-wrap .voice-main {}
.voice-wrap .voice-user {
		text-align: right;
		font-size: 86%;
}
.voice-wrap::after {
		display: block;
		width: 100%;
		height: 1px;
		content: '';
		background: var(--theme-color);;
		position: absolute;
		bottom: 0;
		left: 0;
}
/* スライダー用 矢印 */
.voice-waku {
		overflow: hidden;
		margin: 2em 0;
		padding-bottom: 3em;
}
#voice-slide {
		/* overflow: hidden; */
		width: 55%;
		margin: 0 auto;
}
#voice .splide__track {
		overflow: inherit;
}
#voice .splide__arrow {
		box-sizing: initial;
		width: 2em;
		height: 2.0em;
		transition: all .3s;
		opacity: 1;
		outline: none;
		background: none;
}
#voice .splide__arrow img {
		width: 50%;
}
#voice .splide__arrow--prev {
		left: -1.0em;
		padding-right: 2.5em;
}
#voice .splide__arrow--next {
		right: -1.0em;
		padding-left: 2.5em;
}
/* hover */
@media (hover: hover) and (min-width: 769px) {
		#voice .splide__arrow--prev:hover {
				left: -1.2em;
				padding-right: 2.5em;
		}
		#voice .splide__arrow--next:hover {
				right: -1.2em;
				padding-left: 2.5em;
		}
}
/*------------------------------------

FAQ

------------------------------------*/
#faq {
		padding: 3.5em 0 2em;
}
#wrapper #faq .h3-ttl .sub-ttl-image {
		width: 10%;
}
#faq .faq-box {
		width: 90%;
		margin: 0 auto 2em;
}
#faq .faq-wrap {
		margin-top: 1em;
}
#faq .faq-box .faq-q, #faq .faq-box .faq-a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 0.8em;
		padding: 0.6em 1em 0.5em;
		font-size: 134%;
		/* background: #f2f2f2; */
		font-family: "秀英明朝 M", serif;
		position: relative;
}
#faq .faq-box .faq-a {
		border-bottom: 2px solid #FFF;
}
#faq .faq-box .faq-q::before, #faq .faq-box .faq-a::before {
		display: block;
		width: 1.8em;
		height: 1.8em;
		content: '';
		background-image: url(../images/faq_icon.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}
#faq .faq-box .faq-a::before {
		background-image: url(../images/answer_icon.svg);
}
#faq .faq-box .faq-q::after {
		background: #000;
		display: block;
		width: 1px;
		height: 0.65em;
		content: '';
		position: absolute;
		top: 2.65em;
		left: 1.9em;
		opacity: 0.5;
		z-index: 2;
}
#faq .faq-box p {
		margin: 1em 1em 0;
		text-align: justify;
}
#faq .faq-box p a {
		font-size: 110%;
		margin-top: 0.8em;
		font-weight: bold;
		text-decoration: underline;
		display: block;
}
#sp-contents .list-ttl {
		/* color: #e2536b; */
		font-family: "太ゴB101";
		font-size: 160%;
		margin: 0;
		letter-spacing: 0;
}
.store-link {
		width: 90%;
		max-width: 640px;
		margin: 3em auto;
}
.store-link a {
		display: block;
		transition: all 0.3s;
		margin-bottom: 2.2em;
}
.store-link img {
		max-width: 100%;
}
@media (hover: hover) {
		.store-link a:hover {
				opacity: 0.7;
		}
}
/*------------------------------------

リンクエリア

------------------------------------*/
#link-area {}
#link-area .link-btn {
		position: relative;
		background: var(--theme-color);;
		color: #FFF;
		padding: 0.9em 2.2em;
		display: inline-block;
		font-size: 120%;
		transition: all 0.3s;
		line-height: 1.2;
		font-family: "秀英角ゴシック金 M";
		min-width: 70%;
		margin: 0 0 1em;
}
#link-area .link-btn .link-name {}
#link-area .link-btn .link-sub {
		font-size: 80%;
		display: block;
}
#link-area .link-btn::after {
		display: block;
		width: 1em;
		height: 100%;
		content: '';
		background-image: url(../images/link_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transition: all 0.3s;
		position: absolute;
		top: 0;
		right: 0.7em;
}
/* hover */
@media (hover: hover) {
		#link-area .link-btn:hover::after {
				right: 0.5em;
		}
}
/*------------------------------------

アニメーション

------------------------------------*/
.fade_item {
		opacity: 0;
}
.fade_ct {
		animation: fadeInBottom_ct 1.0s 0.0s both;
}
@keyframes fadeIn_ct {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@keyframes fadeInBottom_ct {
		0% {
				transform: translateY(1em);
				opacity: 0;
		}
		100% {
				transform: translateY(0px);
				opacity: 1;
		}
}
@keyframes blur_ct {
		0% {
				filter: blur(1em);
				opacity: 0;
		}
		100% {
				filter: blur(0);
			opacity: 1;
		}
}
@keyframes fadeInLeft_ct {
		0% {
				transform: translateX(20px);
				opacity: 0;
		}
		100% {
				transform: translateX(0px);
				opacity: 1;
		}
}
@keyframes fadeInRight_ct {
		0% {
				transform: translateX(-20px);
				opacity: 0;
		}
		100% {
				transform: translateX(0px);
				opacity: 1;
		}
}
/*------------------------------------

ページトップへ戻る

------------------------------------*/
.pageTop {
		display: none;
		position: relative;
		height: 0;
		margin: 0 auto;
		max-width: 1000px;
		width: 100%;
		z-index: 10000;
}
.pageTop a {
		position: fixed;
		bottom: 20px;
		right: 25px;
		left: auto;
		display: block;
		width: 80px;
		height: 80px;
		background: url(../images/pagetop.svg);
		background-repeat: no-repeat;
		background-size: 99%;
		z-index: 10000;
		transition: all 0.3s;
}
/* hover */
@media (hover: hover) {
		.pageTop a:hover {
				bottom: 30px;
		}
}
/*===================================

PCのみ

===================================*/
#category-nav-sp {
		display: none;
}
/*===================================

1400px以下

===================================*/
@media (max-width: 1200px) {
		#wrapper {}
		#category-nav-pc {
				width: 26vw;
				/* left: calc(-465px + 50vw); */
		}
}
/*===================================

1000px以下

===================================*/
@media (max-width: 1000px) {
		#wrapper {}
		#category-nav-pc, #category-nav-pc.fixed {
				/* left: -100vw; */
				display: none;
		}
		#category-nav-sp {
				display: block;
				margin: 4em auto 5em;
		}
}
/*===================================

880px以下

===================================*/
@media (max-width: 880px) {
		#wrapper {
				overflow: hidden;
		}
}
/*===================================

スマホ

===================================*/
@media (max-width: 768px) {
		.pc {
				display: none;
		}
		.sp {
				display: block;
		}
		#wrapper-bg {
				display: none;
		}
		/*------------------------------------

ページトップへ戻る

------------------------------------*/
		.pageTop a {
				right: 3vw;
				bottom: 3vw;
				width: 15vw;
				height: 15vw;
				/* background-size: contain; */
		}
		#wrapper {
				font-size: 3.2vw;
		}
		#wrapper-inner {}
		#wrapper img {}
	#sp-contents-wrapper{
		/* gap:0; */
		display: block;
	}
		#sp-contents {
				width: 100%;
		}
	#sp-contents::before {
		display:none
	}
/*------------------------------------

タイトル

------------------------------------*/
#title {border: none;height: auto;}
#title .titleinner {
}
#title .titleinner img {}
#title .title-txt {width: 20.5%;top: 8%;left: 72.5%;}
#title .title-txt .title-main {
}
#title .title-txt .title-item {
}
#title .titleinner .title-photo {width: 83%;margin-top: 11vw;margin-left: -6%;}
#title .ttl-icon {top: 17.3%;left: 3.5%;width: 22.3%;}

		/*------------------------------------

リード

------------------------------------*/
		#lead {
				padding: 1.9em 0 0em;
		}


	#item-wrap #item02 .item-detail {
    margin: -20vw 0 12vw 3%;
}

/*------------------------------------

一覧アンカーリンクボタン

------------------------------------*/
#wrapper .anchor-btn {position: fixed;right: 0;bottom: 5vw;z-index: 2;border-radius: 2em 0 0 2em;font-size: 129%;padding: 0.5em 1.5em 0.5em 1.7em;transition: none;}
.anchor-btn span { }

.anchor-btn::before {border-radius: 2em 0 0 2em;border-right: navajowhite;width: calc(100% - 3px);}
.anchor-btn::after {
    right: 0.6em;
}

}