@charset "utf-8";
/* ==========================================================================
Base
========================================================================== */
html{
	scroll-behavior:smooth
}
*,
*::before,
*::after {
  box-sizing: border-box; /* もちろん、より直感的なbox-sizingに設定 */
  margin: 0; /* マージンは0に */
  padding: 0; /* パディングも常に0に */
	visibility:visible;
}

:where([hidden]:not([hidden="until-found"])) {
  display: none !important; /* hiddenは非表示を意味します */
}

:where(html) {
  text-size-adjust: none; /* iOSのランドスケープでテキストが調整されないようにする */
  color-scheme: dark light; /* ユーザーがダークテーマを好む場合、自動的にダークテーマになる */
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
}

:where(body) {
  font-family: system-ui, sans-serif; /* timeの代わりにシステムフォントを使用 */
  line-height: 1.5; /* アクセシブルな行の高さ */
  block-size: 100%; /* サファリ以外のブラウザのフォールバック */
  block-size: 100dvb; /* 1dvbは動的ビューポートの長さの1%、100dvbで高さいっぱいに */
  -webkit-font-smoothing: antialiased; /* テキストのレンダリングを改善 */
}

:where(input, button, textarea, select) {
  color: inherit; /* カラーも継承 */
  font: inherit; /* フォーム コントロールは親フォントを継承 */
}

:where(textarea) {
  resize: vertical; /* テキストエリアの水平リサイズを無効に */
  resize: block;
}

:where(button, label, select, summary, [role="button"], [role="option"]) {
  cursor: pointer; /* インタラクティブなものにカーソルを合わせる */
}

:where(:disabled) {
  cursor: not-allowed; /* フォームコントロール無効時のカーソルを許可しない */
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed; /* ラベルにもカーソルを許可しない */
}

:where(button) {
  border-style: solid; /* ボタンのボーダーのスタイルを設定しやすくする */
}

:where(a) {
  text-underline-offset: 0.2ex; /* 下線の上にスペースを追加する */
}

:where(ul, ol) {
  list-style: none; /* ビュレットを削除、必要に応じて手動で追加する */
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block; /* 置換された要素をより予測可能にする */
}

:where(img, picture, svg) {
  max-inline-size: 100%; /* images should never overflow past the available space */
  block-size: auto; /* アスペクト比を保持 */
  width: 100%;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word; /* 長い単語は改行 */
	color:#000;
}
p {
	margin:0
}
:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem); /* 見出しの行の高さを減らす */
}

:where(hr) {
  overflow: visible;

  /* より一貫性のある、スタイリッシュなhr */
  border: none;
  color: inherit;
  border-block-start: 1px solid;
  block-size: 0;
}

:where(:focus-visible) {
  /* より一貫性のある、カスタマイズ可能なフォーカスのアウトライン */
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}

/* .visually-hiddenは後のカスケードレイヤーを上書きするために!importantを使用 */
:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
}


html {
  height: -webkit-fill-available;
  font-size: 62.5%;
  scroll-padding-top: 110px;
}

html:has(dialog:not(.c-calendar-filter__dialog)[open]) {
  overflow: hidden;
}

@media print, screen and (width >=768px) {
  html {
    scroll-padding-top: 138px;
  }
}

body {
  margin: 0;
  font-size: 1.6rem;

}
a {
  color: inherit;
  text-decoration: none;
}
a:focus-visible {
  outline-offset: 4px;
  border-radius: 4px;
}

inut,
select,
textarea,
legend,
label,
form,
button {
  display: block;
  background-color: transparent;
  border: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  appearance: none;
}
button:focus-visible {
  outline-offset: 4px;
  border-radius: 4px;
}
::placeholder {
  color: #333;
}
/* visually-hidden */
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip-path: inset(50%);
}

@media print, screen and (width <=767px) {
  .-pc-only {
    display: none !important;
  }
}

@media print, screen and (width >=768px) {
  .-sp-only {
    display: none !important;
  }
}

#bolujuku{
	background: #f9f3e5;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	line-height: 1.9;
	font-size: clamp(12px,1.8vw,15px);
	letter-spacing: 0.1em;
	overflow: hidden;
	color: #333;
}
button.buy-usualbt a::before,.buy-bt a::before{
    content:"";
    display:block;
    width: 77%;
    background:url(/gohobipallete/borujyuku_tanabe/images/imo-image.webp) no-repeat center/contain;
    aspect-ratio: 558/518;
    animation: pecopeco 1.5s infinite linear;
}
@media screen and (max-width:500px){
	button.buy-usualbt a::before{
		width: 134%;
	}
}
@keyframes pecopeco{
    0%,49%,100%{
        transform:scale(1.0)
    }50%,99%{
        transform:scale(1.1)
    }
}
.buy-bt a::before{
	width:80px;
	left: 20px;
}
#cookie button.buy-usualbt a::before,#cookie .buy-bt a::before{
	aspect-ratio: 764/681;
    background:url(/gohobipallete/borujyuku_tanabe/images/cookie-image.webp) no-repeat center/contain;
}
#cheesecake button.buy-usualbt a::before,#cheesecake .buy-bt a::before{
	aspect-ratio: 3118/3167;
    background:url(/gohobipallete/borujyuku_tanabe/images/cheesecake-image.webp) no-repeat center/contain;
}
#gelato button.buy-usualbt a::before,#gelato .buy-bt a::before{
	aspect-ratio: 1961/1919;
    background:url(/gohobipallete/borujyuku_tanabe/images/ice-image.webp) no-repeat center/contain;
}
#dorayaki button.buy-usualbt a::before,#dorayaki .buy-bt a::before{
	aspect-ratio: 374/455;
    background:url(/gohobipallete/borujyuku_tanabe/images/dora-image.webp) no-repeat center/contain;
}
#cheesesand button.buy-usualbt a::before,#cheesesand .buy-bt a::before{
	aspect-ratio: 2231/1256;
    background:url(/gohobipallete/borujyuku_tanabe/images/sand-image.webp) no-repeat center/contain;
}
button.buy-usualbt a::after,.buy-bt a::after{
	content:"";
	display:block;
	width: 80%;
	aspect-ratio:71/7;
	background:url(/gohobipallete/borujyuku_tanabe/images/bt-arrow.webp) no-repeat center/contain;
}
.buy-bt a::after{
	width:20%
}
button.buy-usualbt,button.buy-bt {
background: #f7b93e;
color: #000;
border: 1px solid;
font-weight: 600;
z-index: 100;
}
button.buy-bt{
	margin:0 auto;
	border-radius:3vw;
	width: 80%;
	max-width: 321px;
	position: relative;
	font-size: clamp(16px, 1.8vw, 15px);
}
button.buy-usualbt{
	border-bottom-left-radius: 3vw;
	border-top-left-radius: 3vw;
	writing-mode: vertical-lr;
	position: fixed;
	width: 10vw;
	top: 50%;
	right: 0;
transform:translateX(100%);
transition:0.5s;
}
button.buy-usualbt.active{
transform:translateX(0%);
}
button.buy-usualbt a{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 5px 25px;
	width: 100%;
	position:relative;
	gap: 13px;
	max-width: 106px;
}
button.buy-bt a{
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#bolujuku .grid-wrap{
	margin: 20vh 0;
	display: grid;
	grid-template-areas:
		"image text";
	grid-template-columns: 35% auto;
	align-items: flex-start;
	justify-content: space-around;
	position: relative;
}
#bolujuku #imo .grid-wrap{
	margin: 10vh 0;
}
#bolujuku .grid-wrap:first-of-type,#bolujuku #imo .grid-wrap:first-of-type{
	margin-top:0
}
#bolujuku .talk-inner div:last-of-type .grid-wrap:last-of-type{
	margin-top: 5vh;
	margin-bottom:5vh
}
#bolujuku #imo .grid-wrap:last-of-type{
	margin-bottom:20vh
}
@media screen and (max-width:600px){
	#bolujuku #imo .grid-wrap:last-of-type{
		display:block
	}
	#bolujuku #imo .grid-wrap:last-of-type.reverse figure{
		position:absolute;
		bottom: 0;
		right: 0;
		transform: translateY(60%);
	}
	#bolujuku #imo .grid-wrap:last-of-type figure{
		transform:none;
		width:60%
	}
	#bolujuku #imo .talk-inner > div:last-of-type .grid-wrap:last-of-type{
	margin-bottom:0;
	margin-top: 27vh;
}
}
#bolujuku .grid-wrap.reverse{
	grid-template-areas:
		"text image";
	grid-template-columns: auto 35%;
}

#bolujuku #mv{
	padding: 0 10px 45px;
	background: #a3d82e;
}
.mv-visual {
    max-width: 800px;
    margin: 0 auto 50px;
    width: 80%;
    position: relative;
    padding: 20px 0;
}
.mv-visual figure{
    width:80%;
    margin:0 auto;
    animation: dokudoku 1.8s infinite;
    height: 80vh;
}
@media screen and (max-width:768px){
	.mv-visual{
		width:100%
	}
	.mv-visual figure{
		width: 79%;
		height:auto
	}
}
.mv-visual figure a{
	display:block;
	height:100%;
}
.mv-visual figure a img{
	height:100%;
	width:100%;
	object-fit:contain
}
.mv-visual figure a:hover img{
	opacity:1
}
.marquee {
  height: 100%;       /* 表示範囲 */
  overflow: hidden;
  position: relative;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
}
@media screen and (max-width:500px){
	.marquee {
 width: 37px;       /* 表示範囲 */
 }
}
.marquee.loop02{
	left: auto;
	right:0
}
.marquee-inner {
  display: flex;
  flex-direction: column;
  animation: scrollUp 15s linear infinite;
}

.marquee p {
  margin: 0;
  padding: 10px;
  position: relative;
  height: 64vh;
  aspect-ratio: 29 / 736;
  width: 100%;
}
.marquee p::before{
	content:"";
	display:block;
	background:url(/gohobipallete/borujyuku_tanabe/images/mv-text.webp) no-repeat center/contain;
	width:100%;
	aspect-ratio: 29/736;
	height: 100%;
}
@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes dokudoku {
  0%,100% {
    transform: scale(1.02)
  }
  10%,90% {
    transform: scale(1.0)
  }
}
#bolujuku #mv .lead-inner {
    background: #fff;
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 49px;
    border: 1px solid #000;
}
@media screen and (max-width:600px){
	#bolujuku #mv .lead-inner {
    padding: 50px 20px;
  }
}
#bolujuku #mv .lead-text{
	text-align:center;
	font-weight:600;
	font-size: clamp(14px,2.0vw,18px);
	color:#000;
}
nav.ank-link {
    max-width: 800px;
    margin: 50px auto 0;
}
#bolujuku #ank h2{
	width:60%;
	aspect-ratio:405/130;
	background:url(/gohobipallete/borujyuku_tanabe/images/ank-title.webp) no-repeat bottom left/contain;
	max-width: 367px;
	margin: 0 0 30px;
}
@media screen and (max-width:600px){
	#bolujuku #mv .lead-text br:nth-of-type(2),#bolujuku #mv .lead-text br:nth-of-type(3){
		display:none
	}
	#bolujuku #ank h2{
	width:80%;
	margin: 0 0 30px;
  }
}
#bolujuku #ank ul{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap:45px 30px;
}
@media screen and (max-width:550px){
	#bolujuku #ank ul{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap:25px 20px;
}
}
#bolujuku #ank ul::after{
	display:none
}
#bolujuku #ank ul li{
	position:relative;
}
#bolujuku #ank ul li:hover{
	transform:scale(1.05) rotate(2deg)
}
#bolujuku #ank ul li button{
	width:100%;
	aspect-ratio:326/391;
	position: relative;
	z-index: 100;
}
#bolujuku #ank ul li button a{
	display:block;
	width:100%;
	height: 100%;
	position: relative;
	z-index: 1000;
}
#bolujuku #ank ul li button::before{
	content:"";
	display: block;
	width:100%;
	background:url(/gohobipallete/borujyuku_tanabe/images/ank01.webp) no-repeat bottom left/contain;
	height: 100%;
	position: absolute;
}
#bolujuku #ank ul li:nth-of-type(2) button::before{
	background:url(/gohobipallete/borujyuku_tanabe/images/ank02.webp) no-repeat bottom left/contain;
}
#bolujuku #ank ul li:nth-of-type(3) button::before{
	background:url(/gohobipallete/borujyuku_tanabe/images/ank03.webp) no-repeat bottom left/contain;
}
#bolujuku #ank ul li:nth-of-type(4) button::before{
	background:url(/gohobipallete/borujyuku_tanabe/images/ank04.webp) no-repeat bottom left/contain;
}
#bolujuku #ank ul li:nth-of-type(5) button::before{
	background:url(/gohobipallete/borujyuku_tanabe/images/ank05.webp) no-repeat bottom left/contain;
}
#bolujuku #ank ul li:nth-of-type(6) button::before{
	background:url(/gohobipallete/borujyuku_tanabe/images/ank06.webp) no-repeat bottom left/contain;
}

/*商品紹介ブロック*/
.sweets-wrap{
	padding: 0;
	margin:50px auto;
	width: 100%;
	position: relative;
}
#imo{
	margin-top:0
}
.sweets-wrap .sweets-main{
	margin: 0 0 0;
	padding: 51px 26px 69px;
	background: #97cb22;
	position: relative;
}
.sweets-wrap .sweets-main .site-title{
	width:80%;
	aspect-ratio:432/105;
	background: url(/gohobipallete/borujyuku_tanabe/images/section-title01.svg) no-repeat center/contain;
	margin: 0 auto 30px;
	max-width: 500px;
	position: relative;
	transform: translateX(30px);
}
.sweets-wrap .sweets-main .site-title::before{
    content:"";
    display:block;
    width:50px;
    aspect-ratio: 5/6;
    background:url(/gohobipallete/borujyuku_tanabe/images/imo-tanabeicon02.webp) no-repeat center/contain;
    position: absolute;
    left: 0;
    bottom: 10%;
    transform: translateX(-100%) rotate(-3deg);
}
section#cookie.sweets-wrap .sweets-main .site-title{
	background: url(/gohobipallete/borujyuku_tanabe/images/section-title02.svg) no-repeat center/contain; 
}
section#cheesecake.sweets-wrap .sweets-main .site-title{
	background: url(/gohobipallete/borujyuku_tanabe/images/section-title03.svg) no-repeat center/contain; 
}
section#gelato.sweets-wrap .sweets-main .site-title{
	background: url(/gohobipallete/borujyuku_tanabe/images/section-title04.svg) no-repeat center/contain; 
}
section#dorayaki.sweets-wrap .sweets-main .site-title{
	background: url(/gohobipallete/borujyuku_tanabe/images/section-title05.svg) no-repeat center/contain; 
}
section#cheesesand.sweets-wrap .sweets-main .site-title{
	background: url(/gohobipallete/borujyuku_tanabe/images/section-title06.svg) no-repeat center/contain; 
}
.sweets-wrap .sweets-main h2{
	padding: 10px 19px 36px 15px;
	border-left: 1px solid;
	color: #fff;
	margin: 0 auto;
	width: 80%;
	min-width: 250px;
	max-width: 600px;
}
@media screen and (max-width:768px){
	.sweets-wrap .sweets-main h2{
		width:90%
	}
}
.sweets-wrap .sweets-main h2::after{
	content:"";
	display:block;
	width: calc(100% + 40px);
	height:0.7px;
	background:#fff;
	transform: translateX(-26px) translateY(23px);
}
.sweets-wrap .sweets-main h2 > p{
	color:#fff
}
.sweets-wrap .sweets-main h2 .name{
	font-size: clamp(16px,2.2vw,22px);
}
.sweets-wrap .sweets-main h2 .name span{
	font-size:clamp(15px,1.9vw,19px);
	display:block;
	margin: 0 0 6px;
}
.sweets-wrap .sweets-main h2 .content{
	margin:15px 0 0;
	font-size:clamp(12px,1.9vw,14px);
	border:1px solid;
	display:block;
	padding: 5px 12px 7px;
}
.sweets-wrap .sweets-main h2 .content::before{
	content:"内容";
	display:block;
	border-bottom:1px solid;
	margin: 0 0 5px;
}
.sweets-wrap .sweets-main h2 .price{
	margin-top:10px;
	position:relative;
	text-align:right;
	font-size:clamp(15px,1.9vw,19px);
}
.sweets-wrap .sweets-main h2 .price span{
	font-size:clamp(22px,2.5vw,30px);
}
.sweets-wrap .sweets-main h2 .price::after{
	content:"税込";
display: inline-block;
	padding:2px 2px;
	font-size:10px;
	border:1px solid;
	margin-left: 3px;
	line-height:1.0
}
.sweets-wrap .sweets-main-image{
	position: relative;
	margin: 93px auto 98px;
	width: 71%;
	max-width: 500px;
	height: 36vh;
}
@media screen and (max-width:600px){
	.sweets-wrap .sweets-main-image{
	height: auto;
  }
}
.sweets-wrap .sweets-main-image img{
	height:100%;
	object-fit:contain
}
span.sweets-main-text {
    font-weight:600;
    color:#fff;
    position:absolute;
    line-height: 1.6;
    font-size: clamp(11px,1.6vw,16px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
span.sweets-main-text.text01{
    top: 6%;
    left: -4%;
    transform: rotate(-5deg) translate(-50%,-39%);
}
span.sweets-main-text.text02{
    bottom:0;
    right:0;
    transform: rotate(5deg) translate(68%,26%);
}
span.sweets-main-text::after{
    content:"";
    display:block;
    aspect-ratio: 5/6;
    background:url(/gohobipallete/borujyuku_tanabe/images/imo-tanabeicon02.webp) no-repeat center/contain;
    animation:kurikuri 1.5s infinite;
    width: 8vw;
}
@media screen and (max-width:600px){
	span.sweets-main-text.text01{
    top: -13%;
    left: -22%;
    transform: rotate(-5deg) translate(0%,-39%);
    flex-direction: row;
}
span.sweets-main-text.text02{
    bottom: -24%;
    right: -63px;
    transform: rotate(5deg) translate(0,26%);
    flex-direction: row;
}
	#bolujuku span.sweets-main-text::after{
		 width: 20vw!important;
	}
	#bolujuku section#dorayaki span.sweets-main-text::after{
		width: 15vw!important;
	}
}
span.sweets-main-text.text02::after{
	background:url(/gohobipallete/borujyuku_tanabe/images/imo-tanabeicon01.webp) no-repeat center/contain;
	aspect-ratio: 25/27;
	width: 10vw;
}
@keyframes kurikuri{
    0%,49%,100%{
        transform:rotate(0)
    }50%,99%{
        transform:rotate(3deg)
    }
}
.talk-section{
	max-width: 800px;
	margin:20px auto;
	position:relative;
	color: #0c0c0c;
	display: grid;
	grid-template-columns: 20px 1fr 20px;
	width: 100%;
}
/*@media screen and (min-width:1500px){
	.talk-section{
		max-width: 1200px;
	}
}*/
.talk-section::before,.talk-section::after{
	content:"";
	display: inline-block;
	width: 0.7px;
	height: 100%;
	background:#000;
	margin:0 10px;
	visibility: visible;
}
@media screen and (max-width:600px){
	.talk-section{
		grid-template-columns: 10px 1fr 10px;
	}
	.talk-section::before{
	margin:0 0 0 10px;
  }
	.talk-section::after{
		margin:0 10px 0 0;
	}
}
.talk-inner {
    padding: 42px 0;
    width: 100%;
    overflow: hidden;
}
/*@media screen and (min-width:1500px){
	.talk-inner{
		display: flex;
		gap:5%;
		flex-direction: row-reverse;
		position:relative
	}
	.talk-inner::before{
		content:"";
		display:block;
		width:1px;
		height:100%;
		background:#000;
		position:absolute;
		top
		0;
		left:50%
	}
	.talk-inner > div{
		width:calc((100% - 5%) / 2);

	}
}*/
.talk-section .talk-inner > div > figure{
	margin: 60px auto;
	width: 87%;
	max-width: 350px;
}
#bolujuku .grid-wrap > figure{
	grid-area: image;
	transform: scale(1.2)translateX(-6%);
	max-width: 760px;
	position: relative;
	z-index: 0;
}
#bolujuku .grid-wrap.reverse > figure{
	transform: scale(1.2)translateX(-5%);
}
@media screen and (max-width:600px){
  #bolujuku .grid-wrap > figure{
	transform: scale(1.5)translateX(-6%);
  }	
	#bolujuku .grid-wrap.reverse > figure{
	transform: scale(1.5)translateX(-5%);
}
}
#bolujuku .grid-wrap figure img{
	height:100%;
	object-fit: contain;
}
#bolujuku .grid-wrap > p{
	grid-area: text;
	font-weight:600;
	letter-spacing:0;
	line-height: 1.7;
	width: max-content;
	position: relative;
	z-index: 10;
}
@media screen and (max-width:600px){
	#bolujuku .grid-wrap > p, #bolujuku .grid-wrap div{
		width: 88%;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	#bolujuku .grid-wrap > p .sub-text br{
		display:none
	}
}
.column-wrap{
	margin:0 0 50px;
	font-weight:600
}
@media screen and (max-width:600px){
	.column-wrap{
	margin:0 0 15vh;
}
}
.column-wrap.reverse {
	margin-top: 50px;
	position: relative;
}
.column-wrap p {
	width: max-content;
	margin: 0 0 0 auto;
}
@media screen and (max-width:600px){
	.column-wrap p{
		width:100%
	}
}
.column-wrap.reverse p {
	width: max-content;
	margin: 0;
	position: absolute;
	top: 20%;
	left: 20px;
}
.column-wrap.reverse figure{
	height:60vh
}
.column-wrap.reverse figure img{
	height:100%;
	object-fit:contain;
	object-position:right
}
#bolujuku .column-wrap.reverse + .grid-wrap {
    margin: -15% 0 60px;
    align-items: center;
}
#bolujuku .grid-wrap div p {
    font-weight: 600;
    grid-area: text;
    font-weight:600;
    letter-spacing:0;
    line-height:1.7;
}
#bolujuku .grid-wrap div > p:last-of-type{
	margin-top: 38px;
}
#bolujuku .main-text{
		font-size: clamp(16px,2.4vw,19px);
		font-weight:600;
		z-index: 1;
		display: block;
		margin: 10px 0;
		line-height: 1.5;
		white-space: nowrap;
	}
#bolujuku .grid-wrap > p .main-text{
	width: max-content;
}
@media screen and (max-width:600px){
	#bolujuku .grid-wrap > p .main-text{
	width:100%
	}
}

#bolujuku .main-text span{
		font-size: clamp(12px,1.7vw,16px);
		display: block;
	}
#bolujuku section#imo .grid-wrap > figure.imo-irregular {
    transform: scale(1.8) translateX(12.2%);
}
#bolujuku section#imo .grid-wrap > figure.imo-irregular + p{
	transform:translateY(40%)
}
@media screen and (max-width:600px){
#bolujuku section#imo .grid-wrap > figure.imo-irregular{
		transform:none;
	width:80%
	}
	#bolujuku section#imo .grid-wrap > figure.imo-irregular + p{
	transform:translateY(-40%);
		width:80%;
		margin:0 0 0 auto
}
}
section#imo .grid-wrap:first-of-type p {
    margin: 0;
}
@media screen and (max-width:600px){
	section#imo .grid-wrap:first-of-type p {
    margin: -30px 3px 0 auto;
}
}
#bolujuku section#cookie .grid-wrap{
	margin:5vh 0
}
#bolujuku section#cookie .grid-wrap:has(.deco02){
	align-items:center;
	margin-top:20vh
}
@media screen and (max-width:600px){
	#bolujuku section#cookie .grid-wrap{
	margin: 14vh 0 20vh;
}
	#bolujuku section#cookie .talk-inner > div:first-of-type .grid-wrap.reverse{
	margin-bottom:30px	
	}
	#bolujuku section#cookie .talk-inner > div:first-of-type .grid-wrap.reverse p{
		width:77%;
		margin:0 auto 0 10px
	}
	#bolujuku section#cookie .talk-inner > div:first-of-type .grid-wrap.reverse .main-text{
		font-size: clamp(15px, 2.4vw, 19px);
	}
	#bolujuku section#cookie .grid-wrap:has(.deco02){
		margin-top: 85px;
		margin-bottom: 24vh;
	}
	#bolujuku section#cookie .grid-wrap:has(figure.cookie-irregular){
	display:block;
	margin-top: 91px;
}
	#bolujuku section#cookie .grid-wrap figure.cookie-irregular{
	width:50%;
	transform: scale(1.5) translateX(-24%);
	}
	#bolujuku section#cookie .grid-wrap:has(figure.cookie-irregular) p{
	width: 56%;
	margin: -43% 12px 0 auto;
}
	#bolujuku section#cookie .grid-wrap:has(figure.cookie-irregular) p .sub-text br{
		display:none
	}
}
#bolujuku section#cookie .grid-wrap.reverse figure:has(~ .deco02){
	transform: scale(1.2) translateX(-3%) translateY(9%);
}
@media screen and (max-width:600px){
	#bolujuku section#cookie .grid-wrap.reverse figure:has(~ .deco02){
	transform: scale(1.5) translateX(11%) translateY(21%);
}
}
#bolujuku section#cookie .grid-wrap.reverse.normal-wrap{
	margin:0 auto;
	display: block;
	width:90%
}
#bolujuku section#cookie .normal-wrap.grid-wrap > p .sub-text br{
	display: none
}

#bolujuku section#cookie span.sweets-main-text::after{
    width: 10vw;
    aspect-ratio: 251/280;
    background:url(/gohobipallete/borujyuku_tanabe/images/kurakichi-tanabeicon01.webp) no-repeat center/contain;
}
#bolujuku section#cookie span.sweets-main-text.text02::after{
	aspect-ratio: 205/268;
	background:url(/gohobipallete/borujyuku_tanabe/images/kurakichi-tanabeicon02.webp) no-repeat center/contain;
}

@media screen and (min-width:600px){
	section#cookie .column-wrap p {
	position: absolute;
	top: 0;
	right: 16px;
	transform: translateY(-29%);
 }
	section#cookie .column-wrap {
	margin-top: 12vh;
}
}
section#cookie .column-wrap {
	position: relative;
	width: 100%;
}
section#cookie .column-wrap figure,section#cookie .column-wrap figure img{
	width:100%
}
.deco{
	position: relative;
}
.deco::after{
	content:"";
	display: block;
	width: 48%;
	height: 150px;
	background: url(/gohobipallete/borujyuku_tanabe/images/kurakichi-tanabeicon01.webp) no-repeat center/contain;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateX(108%);
}
#bolujuku section#cookie .deco::after{
	width: 150px;
	height: 150px;
	background: url(/gohobipallete/borujyuku_tanabe/images/kurakichi-tanabeicon03.webp) no-repeat center/contain;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateY(85%) translateX(31%);
}
@media screen and (max-width:600px){
	section#cookie .column-wrap p{
	width:90%
}
#bolujuku section#cookie .deco::after{
	transform: translateY(85%) translateX(0%);
	width: 70px;
}	
}
#bolujuku section#cookie .deco.deco02::after{
	background: url(/gohobipallete/borujyuku_tanabe/images/kurakichi-tanabeicon04.webp) no-repeat center/contain;
	bottom: 0;
	right: auto;
	left: 0;
	transform: translateX(-30%) translateY(100%);
}
@media screen and (max-width:600px){
#bolujuku section#cookie .deco.deco02::after{
	transform: translateX(20%) translateY(100%);
	bottom: -14px;
}	
}
#bolujuku section#cheesecake .deco::after{
	width: 48%;
	background: url(/gohobipallete/borujyuku_tanabe/images/cheesecake-tanabeicon01.webp) no-repeat center/contain;
	bottom: -42px;
	right: 0;
	transform: translateX(80%);
	aspect-ratio: 200/291;
}
@media screen and (max-width:600px){
#bolujuku section#cheesecake .deco::after{
	bottom: auto;
	right: auto;
	transform: translateX(-102%) translateY(-40%);
	top: 0;
	left: 0;
	width: 42%;
}	
}
#bolujuku section#cheesecake .deco.deco02::after{
	background: url(/gohobipallete/borujyuku_tanabe/images/cheesecake-icon02.webp) no-repeat center/contain;
	bottom: auto;
	top: 0;
	left: 0;
	transform: translateX(-90%) translateY(-57%);
	width: 65%;
	height: 192px;
}
#bolujuku section#cheesecake .grid-wrap > figure.cheesecake-irregular {
	transform: scale(1.1) translateX(10%);
}
@media screen and (max-width: 600px){
	#bolujuku section#cheesecake .grid-wrap > figure.cheesecake-irregular {
	transform: scale(1.0) translateX(10%);
}
}
section#cheesecake .talk-section .talk-inner > div > figure {
    width: 100%;
    max-width: 100%;
    margin: -43px 0 10vh;
}
#bolujuku section#cheesecake .grid-wrap:has(.deco01) {
    margin: 50px 0 0px auto;
    display: block;
    width: 64%;
}
@media screen and (max-width:600px){
	#bolujuku section#cheesecake .grid-wrap:has(.deco01) {
		margin-top: 16vh;
	}
}
#bolujuku section#cheesecake .grid-wrap .deco01{
    margin-top: 0;
}
#bolujuku section#cheesecake span.sweets-main-text::after{
    background:url(/gohobipallete/borujyuku_tanabe/images/cheesecake-tanabeicon02.webp) no-repeat center/contain;
    aspect-ratio: 100/121;
    width: 8vw;
}
#bolujuku section#cheesecake span.sweets-main-text.text02::after{
	background:url(/gohobipallete/borujyuku_tanabe/images/cheesecake-tanabeicon01.webp) no-repeat center/contain;
	aspect-ratio: 200/291;
}
#bolujuku section#cheesecake .grid-wrap:first-of-type{align-items:center;margin-bottom: 8vh;}
#bolujuku section#cheesecake .grid-wrap.vertical{
	display:block;
	position:relative;
	height: auto;
	max-width:500px;
	margin: 0 auto 10vh;
}
@media screen and (max-width:600px){
	#bolujuku section#cheesecake .grid-wrap.vertical{
	margin: 0 auto 150px;
}
	#bolujuku section#cheesecake .grid-wrap.vertical .main-text{
	white-space:nowrap
}
	#bolujuku section#cheesecake .grid-wrap.reverce.vertical .main-text br:first-of-type{
		display:block
	}
	#bolujuku section#cheesecake .grid-wrap div{
		width:70%;
		margin: 0 auto 0 10px;
	}
	#bolujuku section#cheesecake .talk-inner > div:last-of-type .grid-wrap div{
		width:90%;
	}
	#bolujuku section#cheesecake .talk-inner > div:last-of-type .grid-wrap div .main-text{
		width:90%;
		font-size: clamp(14px, 2.4vw, 19px);
	}
	#bolujuku section#cheesecake .grid-wrap div br{
		display:none;
		white-space:pre-wrap;
	}
	#bolujuku section#cheesecake .main-text{
		white-space: normal;
	}
	#bolujuku section#cheesecake .main-text br:first-of-type{
		display:none
	}
}
#bolujuku section#cheesecake .grid-wrap.vertical p{
	position: absolute;
	top: 50%;
	right: 62%;
}
#bolujuku section#cheesecake .grid-wrap.vertical img{
	height:auto;
	width: 100%;
	object-fit: contain;
}
#bolujuku section#gelato .grid-wrap > figure.gelato-irregular{
	transform: scale(1.8) translateX(13%);
}
#bolujuku section#gelato .grid-wrap > figure.gelato-irregular + p{
	width: 100%;
	margin-top: 39%;
}
@media screen and (max-width: 600px) {
	#bolujuku section#gelato .grid-wrap > figure.gelato-irregular{
		transform: translateY(-80%);
		width: 66%;
		position:absolute;
		top: 0;
	}
	#bolujuku section#gelato .grid-wrap > figure.gelato-irregular + p{
	width: 76%;
	margin-top: 39%;
	margin: 40% 15px 0 auto;
}
}
#bolujuku section#gelato .deco::after{
	background: url(/gohobipallete/borujyuku_tanabe/images/ice-talk06.webp) no-repeat center/contain;
	top: 0;
	right: 0;
	bottom: auto;
	transform: translateX(27%) translateY(-52%);
}
@media screen and (max-width:600px){
	#bolujuku section#gelato .deco::after{
		transform: translateX(27%) translateY(0%);
		top: auto;
		width: 37%;
		height: auto;
		aspect-ratio: 1348/1511;
}
}
section#gelato .talk-section .talk-inner > figure {
    margin: 0 0 0 auto;
    transform: translateX(10%);
}
#bolujuku section#gelato .grid-wrap.reverse > figure img{
    object-position:top
}
#bolujuku section#gelato .grid-wrap.normal > figure{
  transform:none;
  margin: 0 0 0 auto;
  max-width:70%
}
@media screen and (max-width:600px){
	#bolujuku section#gelato .grid-wrap.normal > figure{
		 max-width:100%
}
}
#bolujuku section#gelato .grid-wrap:first-of-type{
	margin-bottom: 11vh;
}
#bolujuku section#gelato .grid-wrap.reverse{
	margin-top:60px;
	margin-bottom: 11vh;
}
@media screen and (max-width:600px){
	#bolujuku section#gelato div:last-of-type .grid-wrap.reverse:first-of-type{
		 display:block;
		 margin-top: 32vh;
		}
	#bolujuku section#gelato div:last-of-type .grid-wrap.reverse:first-of-type figure{
		 transform:none;
		 width: 60%;
		 margin: 0 0 0 auto;
		 position: absolute;
		 top: -10%;
		 right: -15%;
		}
	#bolujuku section#gelato .talk-inner > div:first-of-type .grid-wrap p .sub-text br{
		display:none
	}
}
.grid-wrap.vertical p {
    writing-mode: vertical-rl;
}

#bolujuku .grid-wrap.reverse.vertical {
    grid-template-columns: auto 48%;
    gap: 8%;
}
#bolujuku section#gelato .grid-wrap.reverse div p .main-text{
	white-space: nowrap;
}

section#gelato .grid-wrap.normal p {
    line-height: 1.9;
    margin: 0;
}
#bolujuku section#gelato span.sweets-main-text::after{
    background:url(/gohobipallete/borujyuku_tanabe/images/ice-tanabeicon02.webp) no-repeat center/contain;
    aspect-ratio: 125/142;
    width: 8vw;
}
#bolujuku section#gelato span.sweets-main-text.text02::after{
	background:url(/gohobipallete/borujyuku_tanabe/images/ice-tanabeicon01.webp) no-repeat center/contain;
	aspect-ratio: 152/153;
	width: 10vw;
}
section#gelato .talk-inner div:first-of-type .grid-wrap:last-of-type {
  margin: 10vh 0 5vh;
}
@media screen and (max-width:600px){
	section#gelato .talk-inner div:first-of-type .grid-wrap:last-of-type {
  margin: 206px 0 69px;
  display: block;
}
	#bolujuku section#gelato .grid-wrap.reverse div p .main-text{
	/* white-space: normal; */
	/* width:55%; */
}
#bolujuku section#gelato .grid-wrap.reverse div p:last-of-type{
	margin-top: 101px;
}
}
section#dorayaki .talk-section .talk-inner > figure{
	margin: 0 auto 35px;
	width: calc(100% + 20px);
	max-width: max-content;
	transform: translateX(-10px);
}
section#dorayaki .sweets-main-image {
	width: 80%;
	max-width: 550px;
	height: 43vh;
}
@media screen and (max-width:600px){
	section#dorayaki .sweets-main-image {
	height: auto;
	width:90%;
	margin-top: 130px;
}
	section#dorayaki span.sweets-main-text.text01{
		top: -28%;
		left: -8%;
	}
}
#bolujuku section#dorayaki span.sweets-main-text::after{
    background:url(/gohobipallete/borujyuku_tanabe/images/dora-tanabeicon01.webp) no-repeat center/contain;
aspect-ratio: 845/1307;
    width: 6vw;
}
#bolujuku section#dorayaki span.sweets-main-text.text02{
	right:-3%
}
@media screen and (max-width:600px){
	#bolujuku section#dorayaki span.sweets-main-text.text02{
		right: -5%;
		bottom: -27%;
	}
}
#bolujuku section#dorayaki span.sweets-main-text.text02::after{
	background:url(/gohobipallete/borujyuku_tanabe/images/dora-tanabeicon02.webp) no-repeat center/contain;
    aspect-ratio: 159/178;	
	width: 9vw;
}
#bolujuku section#dorayaki .column-wrap:first-of-type figure {
  max-width: 100%;
  margin-top: -5vh;
}
@media screen and (max-width:600px){
	#bolujuku section#dorayaki .column-wrap:first-of-type figure {
  max-width: 100%;
  margin-top: 0;
}
	#bolujuku section#dorayaki .column-wrap p{
		width:90%;
		margin:0 auto
	}

	#bolujuku section#dorayaki .column-wrap.reverse p{
		width:50%;
	}
	#bolujuku section#dorayaki .column-wrap.reverse p .main-text{
		font-size: clamp(14px, 2.4vw, 19px);
	}
	#bolujuku section#dorayaki .main-text{white-space:normal;width: 100%;}
	#bolujuku section#dorayaki .main-text br{
		display:none;
	}
	#bolujuku section#dorayaki .talk-inner div:last-of-type .grid-wrap:last-of-type{
		display:block
	}
	#bolujuku section#dorayaki .talk-inner div:last-of-type .grid-wrap:last-of-type figure{
		transform:none;
		width:40%;
		position:absolute;
		top:0;
		right:0;
		transform: translateY(-75%);
	}
}
#bolujuku section#dorayaki .column-wrap figure{
	max-width:600px;
	margin:0 auto
}
@media screen and (max-width:600px){
	#bolujuku section#dorayaki .column-wrap.reverse figure {
  height:40vh
}
}
#bolujuku section#dorayaki .column-wrap + .grid-wrap{
	margin: 8vh 0;
}
@media screen and (max-width:600px){
	#bolujuku section#dorayaki .talk-inner > div:first-of-type .column-wrap{
		margin-bottom: 5vh;
	}
	#bolujuku section#dorayaki .column-wrap + .grid-wrap {
  display:block;
  margin-bottom: 150px;
  margin-top: 33px;
}
	#bolujuku section#dorayaki .column-wrap + .grid-wrap figure{
		transform: translateY(38%);
		width: 60%;
		position:absolute;
		bottom:0;
		right: -6%;
	}
	#bolujuku section#dorayaki .column-wrap + .grid-wrap p:last-of-type{margin-top: 78px;width:50%}
	#bolujuku section#dorayaki .talk-inner > div:last-of-type .grid-wrap p .main-text{
		font-size: clamp(14px, 2.4vw, 19px);
	}
}
section#cheesesand .talk-section .talk-inner > figure{
	margin: 0 auto 35px;
	/* width: calc(100% + 20px); */
	max-width: max-content;
	transform: translateX(-10px);
}
#bolujuku section#cheesesand .grid-wrap{
	margin: 8vh 0;
}
@media screen and (max-width:600px){
	#bolujuku section#cheesesand .grid-wrap{
	margin: 15vh 0;
}
	#bolujuku section#cheesesand .grid-wrap:first-of-type{
	margin: 0 0;
}
	#bolujuku section#cheesesand .grid-wrap.reverse > figure{
		transform: scale(1.5) translateX(-5%) translateY(-15%);
	}
}
#bolujuku section#cheesesand .grid-wrap.reverse{align-items: center;}
#bolujuku section#cheesesand .grid-wrap.reverse p,#bolujuku section#cheesesand .grid-wrap:last-of-type > p{
	margin-top: -24px;
}
#bolujuku section#cheesesand .talk-inner > div:last-of-type .grid-wrap:last-of-type{
	grid-template-columns: 26% 1fr;
	gap: 6%;
	max-width: 80%;
	margin: 0 auto;
}
@media screen and (max-width:600px){
	#bolujuku section#cheesesand .grid-wrap.reverse:nth-of-type(1){
		display:block
	}
	#bolujuku section#cheesesand .grid-wrap.reverse:nth-of-type(1) figure{
		transform:none;
		width:70%;
		margin:0 0 0 auto
	}
	#bolujuku section#cheesesand .grid-wrap.reverse p{
		margin-top:0;
		margin-bottom:15px
	}
	#bolujuku section#cheesesand .talk-inner > div:last-of-type .grid-wrap:last-of-type figure{
		width:30%;
		transform: translateY(-100%);
		position:absolute;
		top:0;
	}
	#bolujuku section#cheesesand .talk-inner > div:last-of-type .grid-wrap:last-of-type div{
		width:90%
	}
	#bolujuku section#cheesesand .grid-wrap span.main-text {
    white-space: normal;
}
#bolujuku section#cheesesand .grid-wrap:first-of-type span.main-text br:nth-of-type(2){
    display:none
}
}
#bolujuku section#cheesesand span.sweets-main-text::after{
    width: 7vw;
    background:url(/gohobipallete/borujyuku_tanabe/images/sand-tanabeicon02.webp) no-repeat center/contain;
    aspect-ratio: 400/639;
    height: auto;
}
#bolujuku section#cheesesand span.sweets-main-text.text02{
	right: -10%;
}
@media screen and (max-width:600px){
		#bolujuku section#cheesesand .talk-inner > div:last-of-type .grid-wrap:last-of-type{
	margin-top: 15vh;
	display:block
	}
	#bolujuku section#cheesesand span.sweets-main-text.text02{
	right: -23%;
}
	#bolujuku section#cheesesand .sweets-main-image{
		margin: 19vh auto;
	}
	#bolujuku section#cheesesand span.sweets-main-text.text01{
		top: -33%;
	}
	#bolujuku section#cheesesand span.sweets-main-text.text02{
		bottom: -46%;
	}
	#bolujuku section#cheesesand .talk-inner > div:last-of-type .grid-wrap:last-of-type .main-text{
		white-space:normal
	}
}
#bolujuku section#cheesesand span.sweets-main-text.text02::after{
	background:url(/gohobipallete/borujyuku_tanabe/images/sand-tanabeicon01.webp) no-repeat center/contain;
	aspect-ratio: 80/97;
}

#bolujuku .grid-wrap > p.sub-text br{
	display:none
}
.brand-wrap{
	margin: 60px auto 0;
	padding: 0 20px 50px 10px;
	display: grid;
	grid-template-columns: 27px 1fr;
	gap:20px;
	position: relative;
	width: 89%;
	max-width: 794px;
}
@media screen and (min-width:800px){
	.brand-wrap{
		grid-template-columns: 60px 1fr;
	}
}
.brand-wrap h3{
	position:relative;
	writing-mode:vertical-lr;
}
@media screen and (min-width:800px){
	.brand-wrap h3{
		font-size:22px
	}
}
.brand-wrap::after,.brand-wrap::before{
	content:"";
	display: block;
	width: 1px;
	height: 100%;
	background:#000;
	position:absolute;
	bottom:0;
	left: 41px;
	visibility: visible;
}
@media screen and (min-width:800px){
	.brand-wrap::after,.brand-wrap::before{
	left: 61px;
	}
}
.brand-wrap::before{
	width: 100%;
	height: 1px;
	left:0;
	bottom:15px;
}
.brand-wrap h3::after{
	content:"";
	display: inline;
	width:1px;
	height:100%;
	background:#000;
}
.brand-wrap .shop-info dt{
	margin: 0 0 14px;
	padding: 6px 14px 24px 24px;
	font-weight: 600;
	font-size:clamp(13px,2.0vw,18px);
	display:inline-block;
	padding: 2px 24px 6px;
	background: #fff;
	border: 1px solid #000;
	position: relative;
}
.brand-wrap .shop-info dt::after{
	content:"";
	display:block;
	position:absolute;
	border-right: 1px solid #000;
	border-bottom: 1px solid;
	height: 10px;
	width: 19px;
	z-index: 10000;
	background: #fff;
	right: 17%;
	transform: rotate(25deg)translateY(50%);
	bottom: -1px;
}
.brand-info {
    display: flex;
    flex-direction: column;
    gap: 33px;
    max-width: 700px;
}
.brand-info .shop-info{
	width: 85%;
	margin:0 auto;
	min-width:300px;
	font-size: clamp(13px, 1.8vw, 15px);
}
.brand-info .shop-info h5{
	border-bottom:1px solid;
	display:inline-block;
	margin-bottom:10px;
	font-size: clamp(18px, 1.8vw, 23px);
}
.brand-info .shop-info:nth-of-type(2) div{
	margin-bottom:30px
}
.brand-info .shop-info:nth-of-type(2) div p{
	font-weight:600
}
.brand-info .shop-info:nth-of-type(2) div a.floormap-link {
  transition-duration: .2s;
  color: #499cff;
  text-decoration: none;
  font-weight: 600;
}
.brand-info .shop-info:nth-of-type(2) div a.floormap-link::after{
	content:">";
	display:inline-block;
	margin-left:5px;
	transition:0.3s;
}
.brand-info .shop-info:nth-of-type(2) div a.floormap-link:hover::after {
  margin-left:10px
}
.brand-info .shop-info:nth-of-type(2) div a.floormap-link:hover {
  color: #2171d1;
}
.brand-info .shop-info address{
	font-style:normal;
	margin: 3px 0 10px;
	line-height:1.3
}
.brand-info .shop-info address p:last-of-type{
	margin-top:10px
}
.brand-info .buy-bt a::before,.brand-info .buy-bt a::after{
	display: none
}
.brand-info .buy-bt a{
	justify-content:center
}

section#cheesecake.sweets-wrap .sweets-main-image {
        height: 53vh;
        margin: 93px auto 21px;
}
section#cheesecake.sweets-wrap span.sweets-main-text.text02{
	transform: rotate(5deg) translate(68%, -15%);
}
@media screen and (max-width:600px){
	section#cheesecake.sweets-wrap .sweets-main-image{
		margin: 93px auto 70px;
		height: auto;
	}
  section#cheesecake.sweets-wrap span.sweets-main-text.text02{
	transform: rotate(5deg) translate(0, -80%);
	bottom: -45%;
	}
	section#cheesecake.sweets-wrap span.sweets-main-text.text01{
		top: -18%;
	}
}
	.nav-anklink {
    font-family: "zen-kaku-gothic-new", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(16px,3.0vw,19px);
    z-index: 1000;
    transition: .3s;
    position:fixed;
    top:50%;
    left:5%;
    transform:translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    min-width: 276px;
}
.nav-anklink.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width:1080px){
	.nav-anklink{
		top:auto;
		bottom:0;
		left:0;
		width:100%;
		padding: 12px 10px;
		background:#fff;
		transform:none;
		border-top:1px solid;
		display: none;
	}
	.nav-anklink ul{
		font-size: 9px;
		line-height:1.2;
		overflow-x:scroll;
		width:100%;
		white-space:nowrap;
		display: flex;
		align-items: center;
	}
	.nav-anklink ul li{
		border:1px solid;
		border-radius:5px;
		width: 76px;
		padding:15px;
		display: inline-flex;
		white-space:normal;
		margin:0 15px;
		aspect-ratio: 1/1;
		text-align: center;
	}
	.nav-anklink ul li:has(a.active){
		background:#f7b93e
	} 
}
.nav-anklink ul li a{
	cursor:pointer;
	opacity:0.5;
	
}
.nav-anklink ul li a.active{
	opacity:1;
	transform:scale(1) 
}

@media screen and (min-width:769px){
.nav-anklink.show {
  opacity: 1;
  visibility: visible;
}
.nav-anklink ul{
    display:grid;
    gap:40px;
    width: 100%;
    max-width: 323px;
}
.nav-anklink ul li button{
	width:100%;
}
.nav-anklink ul li a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-right:30px;
    transform:scale(0.8) translateX(-12%);
    text-align: left;
}
.nav-anklink ul li a::before{
    content:"";
    display:block;
    width:20px;
    height:20px;
    background: #f9f3e5;
    border:1px solid;
    border-radius:50%;
    position:absolute;
    right:0;
}
.nav-anklink ul li a.active::before{
    content:"";
    display:block;
    width:20px;
    height:20px;
    background:#f7b93e;
}
.nav-anklink ul li a.active::after{
    content:"";
    display:inline-block;
    width:18%;
    height:1px;
    border-top:7px dotted;
    
}

}
@media screen and (max-width:1450px) and (min-width:1080px){
	.nav-anklink {
		left:2%;
		min-width: 220px;
	}
	.nav-anklink ul li a{
		font-size: clamp(12px,1.0vw,15px);
		display: grid;
		grid-template-columns: 58% 33px;
		padding-right: 20px;
	}
	.nav-anklink ul li a::before{
    width:15px;
    height:15px;
}
.nav-anklink ul li a.active::before{
    width:15px;
    height:15px;
}
	.nav-anklink ul li a.active::after{
		width:100%;
    height:1px;
    border-top:4px dotted;
	}
}
@media screen and (max-width:1330px) and (min-width:1080px){
	.nav-anklink {
		left:2%;
		min-width: auto;
		width: 12%;
	}
}

.button-wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

footer {
    background: #fff;
    padding: 50px 10px;
}

button.hp-button {
    text-align: center;
    margin: 34px auto 0;
    font-weight: 600;
    border-bottom: 1px solid;
}

button.hp-button:hover {
    opacity: 0.7;
}

@media screen and (max-width:500px){
	.button-wrap {
    width:80%;
    grid-template-columns: 1fr;
    margin: 0 auto;
		gap:10px
}
	button.hp-button {
		font-size:16px
	}
}