@charset "UTF-8";
:root {
  /*ヘッダーの高さ*/
  --header-height: 70px;
  /*色管理*/
  --body-base: #FFF;
  --base_font-color: #000;
  --border-color_gray: #999;
  --key-color: #000000;
  --hover-color: #c95e30;
  --footer-color: #F8EFE2;
  --color_gray: #f5f5f8;
  --bg-gray: #E9E9E9;
  --bg-gray2: #F1F1F1;
  --bg-blue: #DAEEFB;
  --bg-blue2: #003297;
  --bg-base_color: #F8EFE2;
  --header-bgcolor: #c2e8fb;
  /*ナビカラー管理*/
  --menu-link_color: #000;
  --menu-link_hober-color: var(--key-color);
  --menubg-link_hober-color: rgba(var(--key-color),0.6);
  /*スマホナビカラー管理*/
  --headerCL: var(--body-base);
  --nav1hoverCL: var(--key-color);
  --nav1hoverCL2: var(--key-color);
  --sp_navCL: transparent;
  --sp_maskCL: rgba(255,255,255,1);
  --sp_hanCL: var(--key-color);
  --sp_barCL: #FFF;
  --sp_achanCL: #000;
  --sp_acbarCL: #FFF;
  --sp_navliCL: #FFF;
  --sp_navlibCL: var(--color_gray);
  --sp_navaCL: #3D3A39;
  --sp_navli2CL: #CCC;
  --sp_navli2bCL: var(--color_gray);
  --sp_gnavCL: var(--key-color);
  --sp_gnavbarCL: #FFF;
}

/*bootstrapのcontener最大1320pxがデカすぎるから上書き制御*/
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

/*基本*/
html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-size: clamp(0.875rem, 0.431rem + 0.93vw, 1.125rem);
  line-height: 170%;
  font-weight: 500;
  font-style: normal;
  word-wrap: break-word;
  background-color: var(--body-base);
  color: var(--base_font-color);
  /* プロポーショナルメトリクスを有効にする指定 */
  font-feature-settings: "palt" 1;
  /* スマホ横画面で文字サイズが大きくなる場合、自動補正を無効化 */
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
  font-style: normal;
	}

@media (min-width: 769px) {
  body {
    /*font-size: 1rem;*/
    /* font-size: clamp(1rem, 0.778rem + 0.46vw, 1.125rem); 18～16px とすることで文字列としてプリプロセッサに伝える。scss側のアップデート待ち */
    font-size: clamp(0.875rem, 0.431rem + 0.93vw, 1.125rem); /*14～18px*/
  }
}
@media (max-width: 768px) {
  body {
    /*font-size: 1.125rem;*/
  }
}
/* support iOS */
html {
  height: -webkit-fill-available;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

a {
  color: var(--key-color);
  text-decoration: none;
}
a:hover {
  color: var(--hover-color);
  text-decoration: none!important;
}

/*全体ラッパーの高さ制御*/
.body-div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
}
.body-div footer {
  margin-top: auto;
}

/*ヘッダー*/
header h1 {
  font-size: 1rem;
  line-height: 100%;
}

main h1, footer h1 {
  font-size: clamp(1rem, 0.778rem + 0.46vw, 1.125rem);
  line-height: 120%;
  margin: 0px;
  font-weight: bold;
}
main h2, footer h2 {
  font-size: clamp(2.188rem, 1.077rem + 2.31vw, 2.813rem);
  line-height: 120%;
  margin: 0px;
  font-weight: bold;
}
main h3, footer h3 {
  font-size: clamp(1.875rem, 0.764rem + 2.31vw, 2.5rem);
  line-height: 120%;
  margin: 0px;
  font-weight: bold;
}
main h4, footer h4 {
  font-size: clamp(1.563rem, 0.451rem + 2.31vw, 2.188rem);
  line-height: 120%;
  margin: 0px;
  font-weight: bold;
}
main h5, footer h5 {
  font-size: clamp(1.375rem, 0.486rem + 1.85vw, 1.875rem);
  line-height: 120%;
  margin: 0px;
  font-weight: bold;
}
main h6, footer h6 {
  font-size: clamp(1.125rem, 0.681rem + 0.93vw, 1.375rem);
  line-height: 145%;
  margin: 0px;
  font-weight: bold;
}

/*-----------------------*/
/*containerエリアをはみ出す */
/*-----------------------*/
@media (max-width: 1199px) {
  .over-container-area {
    position: relative;
    overflow: hidden;
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (min-width: 1200px) {
  .over-container-area {
    position: relative;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}
/*---------------------------------------------*/
/* position設定                                */
/*---------------------------------------------*/
/*---------------------------------------------*/
/*bootstrap5追加                               */
/*---------------------------------------------*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
}

.col-xs-15 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 769px) {
  .col-sm-15 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
/*---------------------------------------*/
/*比率を保って拡大・縮小処理                 */
/*---------------------------------------*/
.ratio-1_1:before {
  content: "";
  display: block;
  padding-top: 100%; /* 1:1 */
}

.ratio-7_3:before {
  content: "";
  display: block;
  padding-top: 30%; /* 7:3 */
}

.ratio-8_2:before {
  content: "";
  display: block;
  padding-top: 20%; /* 8:2 */
}

.ratio-1_2:before {
  content: "";
  display: block;
  padding-top: 200%; /* 1:2 */
}

.ratio-2_1:before {
  content: "";
  display: block;
  padding-top: 50%; /* 2:1 */
}

.ratio-4_3:before {
  content: "";
  display: block;
  padding-top: 75%; /* 4:3 */
}

.ratio-16_9:before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 */
}

.ratio-8_5:before {
  content: "";
  display: block;
  padding-top: 62.5%; /* 8:5 ≒ 黄金比 */
}

.ratio-1_1,
.ratio-7_3,
.ratio-8_2,
.ratio-1_2,
.ratio-2_1,
.ratio-4_3,
.ratio-16_9,
.ratio-8_5 {
  position: relative;
  overflow: hidden;
}

.ratio-1_1 > img,
.ratio-7_3 > img,
.ratio-8_2 > img,
.ratio-1_2 > img,
.ratio-2_1 > img,
.ratio-4_3 > img,
.ratio-16_9 > img,
.ratio-8_5 > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

/*----------------------------------------*/
/*写真マスク                                */
/*----------------------------------------*/
.photo-area,
.photo-area_v {
  overflow: hidden;
  position: relative;
  margin: 0px;
}

.photo-area img,
.photo-area_v img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.photo-area_v img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (min-width: 992px) {
  .photo-area_pc-v {
    overflow: hidden;
    position: relative;
  }
  .photo-area_pc-v img {
    width: auto;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 991px) {
  .photo-area_pc-v img {
    width: 100%;
    height: auto;
  }
}
/*---------------------------------------*/
/*gmapとyoutube                          */
/*---------------------------------------*/
/*.gmap {
  position: relative;
  width: 100%;
  overflow: hidden;
}*/
.gmap {
  flex: 1;
  position: relative;
  height: 100%;
  min-height: 250px; /* スマホ保険 */
}

.gmap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 75%;
}

/*.gmap iframe,
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}*/

.max-img {
  width: 100%;
  height: auto;
}

/*---------------------------------------*/
/*電話リンク                               */
/*---------------------------------------*/
@media (min-width: 992px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/*---------------------------------------*/
/*スペーサー                               */
/*---------------------------------------*/
.bt-sp10 {
  margin-bottom: 10px !important;
}

.bt-sp20 {
  margin-bottom: 20px !important;
}

.bt-sp30 {
  margin-bottom: 30px !important;
}

.bt-sp40 {
  margin-bottom: 40px !important;
}

.bt-sp80 {
  margin-bottom: 80px !important;
}
.to-sp30 {
  margin-top: 30px !important;
}
.to-sp50 {
  margin-top: 50px !important;
}
.to-sp80 {
  margin-top: 80px !important;
}

/*---------------------------------------------*/
/*テーブルリスト                                 */
/*---------------------------------------------*/
.table-ul {
  list-style: none;
  padding: 0px;
}
.table-ul.tr-line li {
  border-bottom: 1px solid --border-color_gray;
}
.table-ul.cell-7rem_all li {
  display: flex;
  justify-content: flex-start;
}
.table-ul.cell-7rem_all li div:first-of-type {
  width: 7rem;
}
.table-ul.cell-7rem_all li div:last-of-type {
  flex: 1;
  min-width: calc(100% - 7rem);
}
.table-ul.cell-10rem_all li {
  display: flex;
  justify-content: flex-start;
}
.table-ul.cell-10rem_all li div:first-of-type {
  width: 10rem;
}
.table-ul.cell-10rem_all li div:last-of-type {
  flex: 1;
}
.table-ul.td-fw-bold li div:first-of-type {
  font-weight: bold;
}
.table-ul.td-fw-normal li div:last-of-type {
  font-weight: normal;
}
.table-ul.td-x-sp20 li div {
  padding: 10px 20px;
}
.table-ul.tr-white li:nth-of-type(odd) {
  background-color: var(--color_white);
}

@media (min-width: 992px) {
  .table-ul li {
    display: flex;
    justify-content: flex-start;
  }
  .table-ul li div {
    padding: 5px;
  }
  .cell-10rem div:first-of-type {
    width: 10rem;
  }
  .cell-10rem div:last-of-type {
    flex: 1;
  }
  .cell-15rem div:first-of-type {
    width: 15rem;
  }
  .cell-15rem div:last-of-type {
    flex: 1;
  }
  .cell-20rem div:first-of-type {
    width: 20rem;
  }
  .cell-20rem div:last-of-type {
    flex: 1;
  }
}
@media (max-width: 991px) {
  .table-ul li {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
.table-ul_py10px li {
  padding-top: 10px;
  padding-bottom: 10px;
}

header {
  position: fixed;
	width: 100%;
  top: 0;
  z-index: 60;
}
@media (max-width: 1290px) {
  header {
    height: 70px;
    /*display: flex;*/
    align-items: center;
  }
}

#header-area h1 {
  margin-bottom: 0px;
}

html :focus-visible,
.focus-visible {
  outline-color: initial;
  outline-style: dotted;
  outline-width: 3px;
}

select:focus-visible {
  outline: none; /* 必要に応じてスタイルを無効化 */
}

/*-------------------------------------*/
/* ナビゲーション関連                  　 */
/*-------------------------------------*/
/*ハンバーガー開いたとき背景白に*/
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
	z-index: 59;
}
body:has(#menu-toggle:checked){
  overflow: hidden;
}
body:has(#menu-toggle:checked)::before {
  opacity: 1;
}
/*ハンバーガー開いたとき背景白に　ここまで*/

.nav {
  display: flex; align-items:center; justify-content:space-between;
  padding:10px 20px; flex-wrap:wrap;
}

.logo { font-weight:bold; }

.menu {
  display:flex; gap:30px; align-items:center; flex-direction:row;
	font-size: clamp(1rem, 0.431rem + 0.93vw, 1.125rem);
}

.menu li { list-style:none; position:relative; }

.cart {
  background: #B3232B; color:#fff; border:none;
  padding:20px 25px; border-radius:50px;font-weight: bold;border: 1px solid #000000;
	transition: 0.3s;
}

.login {
    background: #E9D602;
    border: none;
    padding: 20px 25px;
    border-radius: 50px;
    font-weight: bold;
    border: 1px solid #000000;
	transition: 0.3s;
}
.login:hover,.cart:hover {
	filter: brightness(0.8);
}
	
.drop-btn {
	color:#000;
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
  padding: 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.drop-btn:hover{
	color: var(--hover-color);
}


/* 矢印（▼） */
.drop-btn::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg); /* ▼向き */
  transition: transform 0.3s ease;
}
/* 開いたら上向き */
.dropdown.open .drop-btn::after {
  transform: rotate(-135deg) translateY(-3px)translateX(-3px);
}

/* サブメニュー */
.submenu {
  max-height:0;
  overflow:hidden;
  background:#fff;
  position:absolute;
  top:100%;
  left:0;
  border-radius:10px;
	border: 1px solid #000;
  opacity: 0;
  transition: max-height 0.6s ease, opacity 0.3s ease;
}
.dropdown.open > .submenu {
  max-height: 500px;
  opacity: 1;
}
.submenu li { padding:10px; white-space:nowrap; }

.dropdown.open > .submenu {
  max-height:500px; /* 適当に大きくしておく */
}

/* ハンバーガー */
#menu-toggle { display:none; }
.hamburger { display:none; width:20px; height:20px; position:relative; cursor:pointer;}
.hamburger span { position:absolute; width:100%; height:3px; background:#000; left:0; transition:0.3s; }
.hamburger span:nth-child(1){ top:1px; } 
.hamburger span:nth-child(2){ top:8px; } 
.hamburger span:nth-child(3){ bottom:2px; }
#menu-toggle:checked ~ .h-lap .hamburger span:nth-child(1){ transform:rotate(45deg); top:8px; }
#menu-toggle:checked ~ .h-lap .hamburger span:nth-child(2){ opacity:0; }
#menu-toggle:checked ~ .h-lap .hamburger span:nth-child(3){ transform:rotate(-45deg); bottom:9px; }

/* スマホだけ */
@media (max-width:1369px){
	.menu {
		flex-direction:column; width:100%;
		padding:30px;
	    display:none;
		margin-left: 0;
		min-height: 100vh;
		min-height: 100dvh;
	}
	#menu-toggle:checked ~ .menu { display:flex; }
	.menu li{
		width:100%;
	}

	.h-lap {
		order: 3;
		background-color: #FFFFFF;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		border: 1px solid #000000;
		display: flex;
		justify-content: center; /* 横中央 */
		align-items: center;     /* 縦中央 */
		margin-left:5px;
	}
	.h-lap .hamburger{display:block;}
	.logo { order:1; }
	.cart { order:2;
		width:50px; 
		height:50px; 
		padding:0; 
		border-radius:50%;
		margin-left: auto;
		display: flex;
	justify-content: center;
        align-items: center;}
	.menu { order:4; }

	.login { margin-left:0; width:100%; text-align:center; }
	.submenu {
		margin-left: 0;
		position:static;
		border:none;
		padding:0 10px;
		width: 100%;
	}
	.submenu li{
    border-bottom: 1px solid #ccc;
	}
	.sp-none{display: none;}
}
@media (max-width:425px){
	.nav{
		padding:10px 10px;
	}
	.logo img{
		max-width: 180px;
	}
}
/* PCだけ */
@media (min-width: 1370px) {
	.nav{
    font-size: 16px;
    font-weight: bold;
		gap:5px;
	}
	.pc-none{display: none;}
	.menu {
		margin-left: auto;
		margin-bottom: 0px;
		padding:20px 30px;
	  background-color: #ffffff;
	  border-radius:50px;
	  border: 1px solid #000000;
  }
	.submenu {
		margin-left: 0;
		margin-top:30px; 
		padding:10px 10px;
	}
}

/*メインイメージ部分*/
.top-main{
    background-image: url("../img/top-img.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
/*メインイメージ部分-中*/
.naka-head-img{
    background-image: url("../img/top-img.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	height: clamp(70px, 20vw, 180px);
}
/*メインイメージ部分-中おわり*/
.main-img{
    display: block;
    width: 100%;
    text-align: center;
	margin:200px 0 100px 0;
}
@media (max-width: 768px) {
	.main-img{margin:100px 0 20px 0;}
	.main-img img{
		width: 50%;
	}
}
@media (max-width: 440px) {
	.main-img{margin:100px 0 20px 0;}
	.main-img img{
		width: 70%;
	}
}
/*メインイメージ部分おわり*/
/*バナーエリア*/
#top_banner_wrap{
	padding:30px 20px;
}
.banner {
  position: relative;
  overflow: hidden;
}
.banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.2);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.banner:hover::after {
  opacity: 1;
}

/*商品リストエリア*/
/*タイトル*/
.recommend-title,.ranking-title {
  position: relative;
  padding: 40px 20px 10px 120px; /* 左に画像分スペース */
  font-size: clamp(23px, 2.5vw, 35px);
	margin-bottom: 50px;
}
.recommend-title::before {
  content: "RECOMMENDED ITEM";
  position: absolute;
  top: 5px;
  left: 120px;
  font-size: clamp(8px, 2.2vw, 16px);
  letter-spacing: 1px;
	font-weight: normal;
}
.recommend-title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  width: 93px;
  height: 92px;
  transform: translateY(-50%);
  background: url("../img/h2-01.png") no-repeat center/cover;
  border-radius: 50%;
}
.ranking-title::before {
  content: "RANKING";
  position: absolute;
  top: 5px;
  left: 120px;
  font-size: clamp(8px, 2.2vw, 16px);
  letter-spacing: 1px;
	font-weight: normal;
}
.ranking-title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  width: 93px;
  height: 92px;
  transform: translateY(-50%);
  background: url("../img/h2-02.png") no-repeat center/cover;
  border-radius: 50%;
}
@media (max-width: 768px) {
	.recommend-title,.ranking-title {
		padding: 40px 20px 10px 70px; /* 左に画像分スペース */
		margin-bottom: 30px;
	}
	.recommend-title::before {
		top: 15px;
		left: 70px;
	}
	.recommend-title::after {
		 width: 60px;
		 height: 59px;
	}
	.ranking-title::before {
		top: 15px;
		left: 70px;
	}
	.ranking-title::after {
		 width: 60px;
		 height: 59px;
	}
}
/*商品一覧*/
.item-card{
	padding-bottom: 30px;
}
.item-card a{
	display: block;
	text-decoration: none; /* 下線消す場合 */
	color: inherit; 
}
.item-card-img{
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    border: 1px solid #CCCCCC;
	overflow: hidden;
}
/* img にトランジションを設定 */
.item-card-img img {
	display: block;
  width: 100%;
  transition: transform 0.3s ease;  
}
/* カードにカーソルを合わせたときに拡大 */
.item-card a:hover .item-card-img img {
  transform: translate(-50%, -50%) scale(1.1); /* 10%拡大 */
}
.item-card-name{
    padding: 20px 0 10px 0;
    font-weight: 700;
}
.item-card-price{
	text-align: right;
	color: #C93F3D;
    font-weight: 700;
}

/*最近チェックした商品エリア*/
#checked-itemes .container{
    border-top: 1px solid #000000;
}
.checked-itemes-list{
	font-size:clamp(0.875rem, 0.431rem + 0.93vw, 0.95rem);
}
.checked-itemes-list .item-card-name{
	padding: 10px 0 0 0;
}
/*最近チェックした商品エリアおわり*/

/*商品リストエリアおわり*/

/*店舗・こだわりエリア*/
#shop-about{
	background:var(--bg-base_color);
	padding:80px 0 80px 0;
}
.shop-about-area{
	display: flex;
	align-items: center;
	padding:25px 0 25px 0;
}
.shop-about-img{
	aspect-ratio: 7/4.5;
    border-radius: 10px;
}
/*当店のこだわり3ポイント*/
.shop-point-area{
	padding:25px 0 25px 0;
}
.shop-point-title{
	text-align: center;
}
.shop-point-title h2{
	font-size:clamp(25px, 2.5vw, 35px);
	display: inline-block;
	position: relative;
}
.shop-point-title h2::before {
  content: "";
  position: absolute;
  left: clamp(-180px, -13vw, -40px);
  top: 20%;
  transform: translateY(-50%);
  width: clamp(60px, 10vw, 138px);
  aspect-ratio: 138 / 82;
  background: url("../img/ashirai01.png") no-repeat center / contain;
}
.shop-point-title h2::after {
  content: "";
  position: absolute;
  right: clamp(-190px, -13vw, -40px);
  top: 20%;
  transform: translateY(-50%);
  width: clamp(70px, 11vw, 150px);
  aspect-ratio: 150 / 88;
  background: url("../img/ashirai02.png") no-repeat center / contain;
}
@media (max-width: 425px) {
	.shop-point-title h2::before{
		display:none;
	}
	.shop-point-title h2::after{
		display:none;
	}
}
.shop-point-area2{
	padding:25px 0 25px 0;
}
.point-card{
    background: #fff;
    padding: 40px;
    border: 1px solid #000000;
    border-radius: 20px;
	position: relative;
}
.point-namber{
	position: absolute;
	top:-50px;
	right: 15px;
}
.point01,.point02,.point03{
	font-size:clamp(25px, 2.5vw, 35px);
}
.point01{
	color:#F5AB2B;
}
.point02{
	color:#B08046;
}
.point03{
	color:#EC6C54;
}
.point01-sub,.point02-sub,.point03-sub{
	display: block;
	padding:6px 5px 5px 8px;
	margin:20px 0 20px 0;
	color:#fff;
	border-radius: 5px;
}
.point01-sub{
	background: #F5AB2B;
}
.point02-sub{
	background: #B08046;
}
.point03-sub{
	background: #EC6C54;
}
@media (max-width: 768px) {
	.point-card{
		padding:30px;
	}
	.point-namber{
		width: 80px;
		top:-40px;
	}
}

/*店舗・こだわりエリアおわり*/

/*お知らせエリア*/
/*タイトル*/
.news-title,.guide-title,.other-shop-title,.checked-itemes-title {
  position: relative;
  padding: 40px 20px 10px 0;
  font-size: clamp(23px, 2.5vw, 35px);
	margin-bottom: 50px;
}
.news-title::before {
  content: "NEWS";
  position: absolute;
  top: 5px;
  left: 0px;
  font-size: clamp(8px, 2.2vw, 16px);
  letter-spacing: 1px;
	font-weight: normal;
}
.guide-title::before {
  content: "GUIDE";
  position: absolute;
  top: 5px;
  left: 0px;
  font-size: clamp(8px, 2.2vw, 16px);
  letter-spacing: 1px;
	font-weight: normal;
}
.other-shop-title::before {
  content: "OTHER SHOP";
  position: absolute;
  top: 5px;
  left: 0px;
  font-size: clamp(8px, 2.2vw, 16px);
  letter-spacing: 1px;
	font-weight: normal;
}
.checked-itemes-title::before {
  content: "CHECKED ITEMS";
  position: absolute;
  top: 5px;
  left: 0px;
  font-size: clamp(8px, 2.2vw, 16px);
  letter-spacing: 1px;
	font-weight: normal;
}
@media (max-width: 768px) {
	.news-title,.guide-title,.other-shop-title,.checked-itemes-title {
		padding: 40px 20px 10px 10px;
		margin-bottom: 30px;
	}
	.news-title::before {left: 10px;}
	.guide-title::before {left: 10px;}
	.other-shop-title::before {left: 10px;}
	.checked-itemes-title::before {left: 10px;}
}
/*タイトルおわり*/
.news-area{
	padding:50px 0 50px 0;
}
.news-area ul{
	padding: 0 10px 0 10px;
}
.news-area li{
	list-style:none;
}
/*お知らせエリアおわり*/

/*共通ボタンデザイン*/
.more-bottan{
	margin: 20px 0;
    text-align: center;
}
.more-bottan a{
    display: inline-block;
    background: #fff;
    padding: 20px 30px;
    border: 1px solid #000000;
	border-radius: 50px;
	font-weight: bold;
	position: relative;
    overflow: hidden;
    z-index: 0;
    transition: color 0.4s ease; /* 文字色の変化を滑らかに */
}
.more-bottan a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* 左からスライドさせる */
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, var(--hover-color), var(--hover-color)); /* 背景色に変化させたい色 */
    z-index: -1;
    transition: all 0.4s ease;
}
.more-bottan a:hover::before {
    left: 0; /* ホバーで右にスライド */
}
.more-bottan a:hover {
    color: #fff; /* ホバー時の文字色 */
}
/*共通ボタンデザインおわり*/

/*footer*/
footer{
	background: var(--footer-color);
	padding:50px 0 50px 0;
}
/*ご利用ガイド*/
.guide-bottan{
	text-align: center;
	padding:0 15px;
	font-weight: bold;
}
.guide-bottan p{
	padding:5px 0 0 0;
}
.guide-bottan a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    margin: auto;
    position: relative;
    z-index: 0;
}
/* 背景スライド */
.guide-bottan a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--hover-color);
    z-index: -2;
    transition: all 0.4s ease;
}
.guide-bottan a:hover::before {
    left: 0;
}
/* アイコン本体（mask） */
.guide-bottan a::after {
    content: '';
    width: 50%;
    height: 50%;
    background: #000; /* ← 通常時のアイコン色 */
    transition: background 0.4s ease;
}
/* ホバーでアイコン色変更 */
.guide-bottan a:hover::after {
    background: #fff;
}
@media (max-width: 1199px) {
	.guide-bottan{padding:0 5px;}
    .guide-bottan a {
        width: 120px;
        height: 120px;
    }
}
@media (max-width: 767px) {
	.guide-bottan{padding:0 5px;}
    .guide-bottan a {
        width: 90px;
        height: 90px;
    }
}
.icon-souryou::after {
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzQiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA3NCA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzVfMTYzKSI+IDxwYXRoIGQ9Ik03My45MDM4IDM4Ljg3MDNMNjcuMzc3IDE0LjQ3OTNDNjYuNTg1MiAxMS41MDkzIDYzLjgzOTggOS40MzI1NyA2MC43MDk2IDkuNDMyNTdINDguMDYzVjIuOTExODNDNDguMDYzIDEuMzA3MDUgNDYuNzMxIDAgNDUuMDk1NiAwSDIuOTY3NEMxLjMzMiAwIDAgMS4zMDcwNSAwIDIuOTExODNWMzkuNjExQzAgNDEuMjE1OCAxLjMzMiA0Mi41MjI4IDIuOTY3NCA0Mi41MjI4SDguODg3NEM5LjU4MyA0Ni4xOTcxIDEyLjg2MTIgNDguOTkyNyAxNi44MDU0IDQ4Ljk5MjdDMjAuNzQ5NiA0OC45OTI3IDI0LjAyMDQgNDYuMTk3MSAyNC43MTYgNDIuNTIyOEg1MS44ODE0QzUyLjU3NyA0Ni4xOTcxIDU1Ljg1NTIgNDguOTkyNyA1OS43OTIgNDguOTkyN0M2My43Mjg4IDQ4Ljk5MjcgNjcuMDA3IDQ2LjE5NzEgNjcuNzEgNDIuNTIyOEg3MS4wMTc4QzcxLjk0MjggNDIuNTIyOCA3Mi44MDEyIDQyLjEwODkgNzMuMzcxIDQxLjM5QzczLjk0MDggNDAuNjcxMiA3NC4xMjU4IDM5Ljc0OSA3My44ODkgMzguODcwM0g3My45MDM4Wk02NC41MTMyIDE1LjIxOTlMNjcuMTg0NiAyNS4yMjYxSDU4LjI5NzJWMTIuMzM3MUg2MC43MDk2QzYyLjQ5MyAxMi4zMzcxIDY0LjA2MTggMTMuNTIwNyA2NC41MTMyIDE1LjIxOTlaTTIuOTYgMzkuNjExVjIuOTA0NTZMNDUuMTAzIDIuOTExODNWMzkuNjE4M0gyNC43MTZDMjQuMDIwNCAzNS45NDQgMjAuNzQyMiAzMy4xNDgzIDE2Ljc5OCAzMy4xNDgzQzEyLjg1MzggMzMuMTQ4MyA5LjU4MyAzNS45NDQgOC44OCAzOS42MTgzSDIuOTZWMzkuNjExWk0xNi44MDU0IDQ2LjA5NTRDMTMuOTkzNCA0Ni4wOTU0IDExLjcwNjggNDMuODQ0NCAxMS43MDY4IDQxLjA3NzhDMTEuNzA2OCAzOC4zMTEyIDEzLjk5MzQgMzYuMDYwMiAxNi44MDU0IDM2LjA2MDJDMTkuNjE3NCAzNi4wNjAyIDIxLjkwNCAzOC4zMTEyIDIxLjkwNCA0MS4wNzc4QzIxLjkwNCA0My44NDQ0IDE5LjYxNzQgNDYuMDk1NCAxNi44MDU0IDQ2LjA5NTRaTTU5LjgwNjggNDYuMDk1NEM1Ni45OTQ4IDQ2LjA5NTQgNTQuNzA4MiA0My44NDQ0IDU0LjcwODIgNDEuMDc3OEM1NC43MDgyIDM4LjMxMTIgNTYuOTk0OCAzNi4wNjAyIDU5LjgwNjggMzYuMDYwMkM2Mi42MTg4IDM2LjA2MDIgNjQuOTA1NCAzOC4zMTEyIDY0LjkwNTQgNDEuMDc3OEM2NC45MDU0IDQzLjg0NDQgNjIuNjE4OCA0Ni4wOTU0IDU5LjgwNjggNDYuMDk1NFpNNjcuNzE3NCAzOS42MjU1QzY3LjAyMTggMzUuOTUxMiA2My43NDM2IDMzLjE1NTYgNTkuNzk5NCAzMy4xNTU2QzU1Ljg1NTIgMzMuMTU1NiA1Mi41ODQ0IDM1Ljk1MTIgNTEuODgxNCAzOS42MjU1SDQ4LjA1NTZWMTIuMzM3MUg1NS4zMjk4VjI1LjIxMTZDNTUuMzI5OCAyNi44MTY0IDU2LjY2MTggMjguMTIzNCA1OC4yOTcyIDI4LjEyMzRINjcuNDk1NEM2Ny42NDM0IDI4LjEyMzQgNjcuNzkxNCAyOC4wOTQ0IDY3LjkyNDYgMjguMDUwOEw3MS4wMTA0IDM5LjYxODNINjcuNzAyNkw2Ny43MTc0IDM5LjYyNTVaIiBmaWxsPSJibGFjayIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzVfMTYzIj4gPHJlY3Qgd2lkdGg9Ijc0IiBoZWlnaHQ9IjQ5IiBmaWxsPSJ3aGl0ZSIvPiA8L2NsaXBQYXRoPiA8L2RlZnM+IDwvc3ZnPg==") no-repeat center / contain;
    mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzQiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA3NCA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzVfMTYzKSI+IDxwYXRoIGQ9Ik03My45MDM4IDM4Ljg3MDNMNjcuMzc3IDE0LjQ3OTNDNjYuNTg1MiAxMS41MDkzIDYzLjgzOTggOS40MzI1NyA2MC43MDk2IDkuNDMyNTdINDguMDYzVjIuOTExODNDNDguMDYzIDEuMzA3MDUgNDYuNzMxIDAgNDUuMDk1NiAwSDIuOTY3NEMxLjMzMiAwIDAgMS4zMDcwNSAwIDIuOTExODNWMzkuNjExQzAgNDEuMjE1OCAxLjMzMiA0Mi41MjI4IDIuOTY3NCA0Mi41MjI4SDguODg3NEM5LjU4MyA0Ni4xOTcxIDEyLjg2MTIgNDguOTkyNyAxNi44MDU0IDQ4Ljk5MjdDMjAuNzQ5NiA0OC45OTI3IDI0LjAyMDQgNDYuMTk3MSAyNC43MTYgNDIuNTIyOEg1MS44ODE0QzUyLjU3NyA0Ni4xOTcxIDU1Ljg1NTIgNDguOTkyNyA1OS43OTIgNDguOTkyN0M2My43Mjg4IDQ4Ljk5MjcgNjcuMDA3IDQ2LjE5NzEgNjcuNzEgNDIuNTIyOEg3MS4wMTc4QzcxLjk0MjggNDIuNTIyOCA3Mi44MDEyIDQyLjEwODkgNzMuMzcxIDQxLjM5QzczLjk0MDggNDAuNjcxMiA3NC4xMjU4IDM5Ljc0OSA3My44ODkgMzguODcwM0g3My45MDM4Wk02NC41MTMyIDE1LjIxOTlMNjcuMTg0NiAyNS4yMjYxSDU4LjI5NzJWMTIuMzM3MUg2MC43MDk2QzYyLjQ5MyAxMi4zMzcxIDY0LjA2MTggMTMuNTIwNyA2NC41MTMyIDE1LjIxOTlaTTIuOTYgMzkuNjExVjIuOTA0NTZMNDUuMTAzIDIuOTExODNWMzkuNjE4M0gyNC43MTZDMjQuMDIwNCAzNS45NDQgMjAuNzQyMiAzMy4xNDgzIDE2Ljc5OCAzMy4xNDgzQzEyLjg1MzggMzMuMTQ4MyA5LjU4MyAzNS45NDQgOC44OCAzOS42MTgzSDIuOTZWMzkuNjExWk0xNi44MDU0IDQ2LjA5NTRDMTMuOTkzNCA0Ni4wOTU0IDExLjcwNjggNDMuODQ0NCAxMS43MDY4IDQxLjA3NzhDMTEuNzA2OCAzOC4zMTEyIDEzLjk5MzQgMzYuMDYwMiAxNi44MDU0IDM2LjA2MDJDMTkuNjE3NCAzNi4wNjAyIDIxLjkwNCAzOC4zMTEyIDIxLjkwNCA0MS4wNzc4QzIxLjkwNCA0My44NDQ0IDE5LjYxNzQgNDYuMDk1NCAxNi44MDU0IDQ2LjA5NTRaTTU5LjgwNjggNDYuMDk1NEM1Ni45OTQ4IDQ2LjA5NTQgNTQuNzA4MiA0My44NDQ0IDU0LjcwODIgNDEuMDc3OEM1NC43MDgyIDM4LjMxMTIgNTYuOTk0OCAzNi4wNjAyIDU5LjgwNjggMzYuMDYwMkM2Mi42MTg4IDM2LjA2MDIgNjQuOTA1NCAzOC4zMTEyIDY0LjkwNTQgNDEuMDc3OEM2NC45MDU0IDQzLjg0NDQgNjIuNjE4OCA0Ni4wOTU0IDU5LjgwNjggNDYuMDk1NFpNNjcuNzE3NCAzOS42MjU1QzY3LjAyMTggMzUuOTUxMiA2My43NDM2IDMzLjE1NTYgNTkuNzk5NCAzMy4xNTU2QzU1Ljg1NTIgMzMuMTU1NiA1Mi41ODQ0IDM1Ljk1MTIgNTEuODgxNCAzOS42MjU1SDQ4LjA1NTZWMTIuMzM3MUg1NS4zMjk4VjI1LjIxMTZDNTUuMzI5OCAyNi44MTY0IDU2LjY2MTggMjguMTIzNCA1OC4yOTcyIDI4LjEyMzRINjcuNDk1NEM2Ny42NDM0IDI4LjEyMzQgNjcuNzkxNCAyOC4wOTQ0IDY3LjkyNDYgMjguMDUwOEw3MS4wMTA0IDM5LjYxODNINjcuNzAyNkw2Ny43MTc0IDM5LjYyNTVaIiBmaWxsPSJibGFjayIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzVfMTYzIj4gPHJlY3Qgd2lkdGg9Ijc0IiBoZWlnaHQ9IjQ5IiBmaWxsPSJ3aGl0ZSIvPiA8L2NsaXBQYXRoPiA8L2RlZnM+IDwvc3ZnPg==") no-repeat center / contain;
}

.icon-noshi::after {
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA1OSA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzVfMTU4KSI+IDxwYXRoIGQ9Ik01NS43MzQ1IDBIMy4yNjU0N0MxLjQ2NTIgMCAwIDEuNDc4MDkgMCAzLjI5NDE4Vjc2LjcxMTVDMCA3OC41Mjc2IDEuNDY1MiA4MC4wMDU3IDMuMjY1NDcgODAuMDA1N0g1NS43NDAyQzU3LjU0MDUgODAuMDA1NyA1OS4wMDU3IDc4LjUyNzYgNTkuMDA1NyA3Ni43MTE1VjMuMjk0MThDNTkuMDA1NyAxLjQ3ODA5IDU3LjU0MDUgMCA1NS43NDAyIDBINTUuNzM0NVpNNTYuOTA0NCA1NC43NTIyQzU2Ljc1MTEgNTQuNzk4IDU2LjU5NzcgNTQuODc4MyA1Ni40NzI4IDU0Ljk5ODZMNDguNTM5MSA2Mi43MjEzQzQ4LjUwNTEgNjIuNzU1NyA0OC40NzY3IDYyLjc5IDQ4LjQ0ODMgNjIuODMwMUg0NC44NjQ4TDU2LjkwNDQgNTEuODcwNVY1NC43NTc5VjU0Ljc1MjJaTTU2LjkwNDQgNTcuNTE5M1Y2Mi44MzU5SDUxLjQ0NjhMNTYuOTA0NCA1Ny41MTkzWk01NS43MzQ1IDc3Ljg5MTdIMy4yNjU0N0MyLjYxODA2IDc3Ljg5MTcgMi4wOTU1OCA3Ny4zNjQ2IDIuMDk1NTggNzYuNzExNVY2NC44MDA5SDguNTE4NjNDOS4wOTc4OSA2NC44MDA5IDkuNTYzNTggNjQuMzI1NCA5LjU2MzU4IDYzLjc0NjhDOS41NjM1OCA2My4xNjgxIDkuMDkyMjEgNjIuNjkyNiA4LjUxODYzIDYyLjY5MjZIMi4wOTU1OFYzOS4wNjA0SDEzLjcyMDdDMTQuMjk5OSAzOS4wNjA0IDE0Ljc2NTYgMzguNTg0OSAxNC43NjU2IDM4LjAwNjNDMTQuNzY1NiAzNy40Mjc3IDE0LjI5NDMgMzYuOTUyMiAxMy43MjA3IDM2Ljk1MjJIMi4wOTU1OFYxNy4yNDQzSDQ2LjEwMjhDNDYuNjgyMSAxNy4yNDQzIDQ3LjE0NzggMTYuNzc0NiA0Ny4xNDc4IDE2LjE5MDJDNDcuMTQ3OCAxNS42MDU4IDQ2LjY3NjQgMTUuMTM2MSA0Ni4xMDI4IDE1LjEzNjFIMi4wOTU1OFYzLjI5NDE4QzIuMDk1NTggMi42NDEwOCAyLjYxODA2IDIuMTE0MDEgMy4yNjU0NyAyLjExNDAxSDU1Ljc0MDJDNTYuMzg3NiAyLjExNDAxIDU2LjkxMDEgMi42NDEwOCA1Ni45MTAxIDMuMjk0MThWMTQuOTk4Nkg0OS45ODczQzQ5LjQwOCAxNC45OTg2IDQ4Ljk0MjMgMTUuNDY4MyA0OC45NDIzIDE2LjA1MjdDNDguOTQyMyAxNi42MzcxIDQ5LjQxMzcgMTcuMTA2OCA0OS45ODczIDE3LjEwNjhINTYuOTEwMVYzNi45NDY0SDQ1LjI3OTNDNDQuNzAwMSAzNi45NDY0IDQ0LjIzNDQgMzcuNDIxOSA0NC4yMzQ0IDM4LjAwMDZDNDQuMjM0NCAzOC41NzkyIDQ0LjcwNTcgMzkuMDU0NyA0NS4yNzkzIDM5LjA1NDdINTYuOTEwMVY0OS4wMjMyTDQxLjk5MTEgNjIuNjA2N0M0MS45MTczIDYyLjY3NTQgNDEuODYwNSA2Mi43NDk5IDQxLjgwOTQgNjIuODMwMUgxMi4zOTc0QzExLjgxODIgNjIuODMwMSAxMS4zNTI1IDYzLjMwNTYgMTEuMzUyNSA2My44ODQzQzExLjM1MjUgNjQuNDYyOSAxMS44MjM5IDY0LjkzODQgMTIuMzk3NCA2NC45Mzg0SDU2LjkxMDFWNzYuNzA1OEM1Ni45MTAxIDc3LjM1ODkgNTYuMzg3NiA3Ny44ODYgNTUuNzQwMiA3Ny44ODZMNTUuNzM0NSA3Ny44OTE3WiIgZmlsbD0iYmxhY2siLz4gPHBhdGggZD0iTTEzLjA2NzYgNDcuNTczNkMxMy4xMDczIDQ3LjU3MzYgMTMuMTQ3MSA0Ny41NzM2IDEzLjE4NjggNDcuNTY3OEMyMS4zNTkgNDYuNjE2OCAyNi4xODYzIDQyLjgxMjggMjkuNjEwNyAzOS4wMjU5QzI5LjY5NTkgMzkuMDQ4OCAyOS43ODExIDM5LjA2MDMgMjkuODc3NyAzOS4wNjAzSDMwLjIwMTRDMzMuNjMxNSA0Mi44MzU3IDM4LjQ0NzQgNDYuNjIyNiA0Ni41OTY5IDQ3LjU2NzhDNDYuNjM2NiA0Ny41Njc4IDQ2LjY3NjQgNDcuNTczNiA0Ni43MTYxIDQ3LjU3MzZDNDcuMjM4NiA0Ny41NzM2IDQ3LjY5MjkgNDcuMTc4MyA0Ny43NTU0IDQ2LjYzOTdDNDcuODIzNiA0Ni4wNjExIDQ3LjQwOSA0NS41Mzk4IDQ2LjgzNTQgNDUuNDcxQzQwLjM1NTYgNDQuNzE0OCAzNi4yMDQyIDQyLjA2OCAzMy4xMTQ3IDM5LjA2MDNIMzguMDE1OEM0MC40NTc4IDM5LjA2MDMgNDEuODk0NiAzOC4wNzQ5IDQyLjY3MjYgMzcuMjQ0MkM0My42NDM4IDM2LjIwNzIgNDQuMTc3NiAzNC44MDM2IDQ0LjE3NzYgMzMuMjg1NEM0NC4xNzc2IDMwLjYyNzEgNDIuNDU2OCAyNy44MDI3IDM5LjI2NTIgMjcuODAyN0MzOS4yNDI1IDI3LjgwMjcgMzkuMjE5OCAyNy44MDI3IDM5LjE5NyAyNy44MDI3QzM1LjcyNzEgMjguMDI2MiAzMy41MjkzIDMwLjgyNzcgMzAuOTg1MSAzNC4wNzAzQzMwLjYzMyAzNC41MjI5IDMwLjI2OTUgMzQuOTg2OSAyOS44ODkgMzUuNDUxQzI5LjUxNDIgMzQuOTgxMiAyOS4xNTA3IDM0LjUyMjkgMjguNzkzIDM0LjA3MDNDMjYuMjQ4NyAzMC44Mjc3IDI0LjA1MDkgMjguMDI2MiAyMC41ODEgMjcuODAyN0MyMC41NTgzIDI3LjgwMjcgMjAuNTM1NiAyNy44MDI3IDIwLjUxMjkgMjcuODAyN0MxNy4zMjEyIDI3LjgwMjcgMTUuNjAwNCAzMC42MjcxIDE1LjYwMDQgMzMuMjkxMUMxNS42MDA0IDM0LjgwOTMgMTYuMTM0MyAzNi4yMTI5IDE3LjEwNTQgMzcuMjQ5OUMxNy44ODM0IDM4LjA3NDkgMTkuMzIwMiAzOS4wNjYgMjEuNzYyMyAzOS4wNjZIMjYuNjYzM0MyMy41NjgyIDQyLjA3MzcgMTkuNDIyNSA0NC43MjA1IDEyLjk0MjYgNDUuNDc2OEMxMi4zNjkgNDUuNTQ1NSAxMS45NTQ1IDQ2LjA2NjggMTIuMDIyNiA0Ni42NDU1QzEyLjA4NTEgNDcuMTg0IDEyLjUzMzcgNDcuNTc5MyAxMy4wNjE5IDQ3LjU3OTNMMTMuMDY3NiA0Ny41NzM2Wk0zMi42MjYzIDM1LjM3NjVDMzQuOTQzNCAzMi40MjYxIDM2Ljc3MjEgMzAuMDg4NiAzOS4yOTM2IDI5LjkxMUM0MS4xMDUyIDI5LjkzMzkgNDIuMDgyIDMxLjY1ODQgNDIuMDgyIDMzLjI4NTRDNDIuMDgyIDM0LjI1OTMgNDEuNzUyNiAzNS4xNTMxIDQxLjE0NSAzNS43OTQ3QzQwLjQzNTEgMzYuNTUwOSAzOS4zNTA0IDM2Ljk0NjIgMzguMDEwMSAzNi45NDYySDMxLjM3NjlDMzEuODA4NSAzNi40MDc3IDMyLjIyMzEgMzUuODg2NCAzMi42MjA3IDM1LjM3NjVIMzIuNjI2M1pNMTguNjMzMSAzNS43OTQ3QzE4LjAzMTEgMzUuMTUzMSAxNy42OTYgMzQuMjY1MSAxNy42OTYgMzMuMjg1NEMxNy42OTYgMzEuNjU4NCAxOC42NzI4IDI5LjkzMzkgMjAuNDg0NSAyOS45MTFDMjMuMDA2IDMwLjA5NDMgMjQuODM0NiAzMi40MjYxIDI3LjE1MTcgMzUuMzc2NUMyNy41NDkyIDM1Ljg4MDcgMjcuOTU4MSAzNi40MDc3IDI4LjM5NTQgMzYuOTQ2MkgyMS43NjIzQzIwLjQyMiAzNi45NDYyIDE5LjMzNzMgMzYuNTQ1MiAxOC42Mjc0IDM1Ljc5NDdIMTguNjMzMVoiIGZpbGw9ImJsYWNrIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iY2xpcDBfNV8xNTgiPiA8cmVjdCB3aWR0aD0iNTkiIGhlaWdodD0iODAiIGZpbGw9IndoaXRlIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+") no-repeat center / contain;
    mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA1OSA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzVfMTU4KSI+IDxwYXRoIGQ9Ik01NS43MzQ1IDBIMy4yNjU0N0MxLjQ2NTIgMCAwIDEuNDc4MDkgMCAzLjI5NDE4Vjc2LjcxMTVDMCA3OC41Mjc2IDEuNDY1MiA4MC4wMDU3IDMuMjY1NDcgODAuMDA1N0g1NS43NDAyQzU3LjU0MDUgODAuMDA1NyA1OS4wMDU3IDc4LjUyNzYgNTkuMDA1NyA3Ni43MTE1VjMuMjk0MThDNTkuMDA1NyAxLjQ3ODA5IDU3LjU0MDUgMCA1NS43NDAyIDBINTUuNzM0NVpNNTYuOTA0NCA1NC43NTIyQzU2Ljc1MTEgNTQuNzk4IDU2LjU5NzcgNTQuODc4MyA1Ni40NzI4IDU0Ljk5ODZMNDguNTM5MSA2Mi43MjEzQzQ4LjUwNTEgNjIuNzU1NyA0OC40NzY3IDYyLjc5IDQ4LjQ0ODMgNjIuODMwMUg0NC44NjQ4TDU2LjkwNDQgNTEuODcwNVY1NC43NTc5VjU0Ljc1MjJaTTU2LjkwNDQgNTcuNTE5M1Y2Mi44MzU5SDUxLjQ0NjhMNTYuOTA0NCA1Ny41MTkzWk01NS43MzQ1IDc3Ljg5MTdIMy4yNjU0N0MyLjYxODA2IDc3Ljg5MTcgMi4wOTU1OCA3Ny4zNjQ2IDIuMDk1NTggNzYuNzExNVY2NC44MDA5SDguNTE4NjNDOS4wOTc4OSA2NC44MDA5IDkuNTYzNTggNjQuMzI1NCA5LjU2MzU4IDYzLjc0NjhDOS41NjM1OCA2My4xNjgxIDkuMDkyMjEgNjIuNjkyNiA4LjUxODYzIDYyLjY5MjZIMi4wOTU1OFYzOS4wNjA0SDEzLjcyMDdDMTQuMjk5OSAzOS4wNjA0IDE0Ljc2NTYgMzguNTg0OSAxNC43NjU2IDM4LjAwNjNDMTQuNzY1NiAzNy40Mjc3IDE0LjI5NDMgMzYuOTUyMiAxMy43MjA3IDM2Ljk1MjJIMi4wOTU1OFYxNy4yNDQzSDQ2LjEwMjhDNDYuNjgyMSAxNy4yNDQzIDQ3LjE0NzggMTYuNzc0NiA0Ny4xNDc4IDE2LjE5MDJDNDcuMTQ3OCAxNS42MDU4IDQ2LjY3NjQgMTUuMTM2MSA0Ni4xMDI4IDE1LjEzNjFIMi4wOTU1OFYzLjI5NDE4QzIuMDk1NTggMi42NDEwOCAyLjYxODA2IDIuMTE0MDEgMy4yNjU0NyAyLjExNDAxSDU1Ljc0MDJDNTYuMzg3NiAyLjExNDAxIDU2LjkxMDEgMi42NDEwOCA1Ni45MTAxIDMuMjk0MThWMTQuOTk4Nkg0OS45ODczQzQ5LjQwOCAxNC45OTg2IDQ4Ljk0MjMgMTUuNDY4MyA0OC45NDIzIDE2LjA1MjdDNDguOTQyMyAxNi42MzcxIDQ5LjQxMzcgMTcuMTA2OCA0OS45ODczIDE3LjEwNjhINTYuOTEwMVYzNi45NDY0SDQ1LjI3OTNDNDQuNzAwMSAzNi45NDY0IDQ0LjIzNDQgMzcuNDIxOSA0NC4yMzQ0IDM4LjAwMDZDNDQuMjM0NCAzOC41NzkyIDQ0LjcwNTcgMzkuMDU0NyA0NS4yNzkzIDM5LjA1NDdINTYuOTEwMVY0OS4wMjMyTDQxLjk5MTEgNjIuNjA2N0M0MS45MTczIDYyLjY3NTQgNDEuODYwNSA2Mi43NDk5IDQxLjgwOTQgNjIuODMwMUgxMi4zOTc0QzExLjgxODIgNjIuODMwMSAxMS4zNTI1IDYzLjMwNTYgMTEuMzUyNSA2My44ODQzQzExLjM1MjUgNjQuNDYyOSAxMS44MjM5IDY0LjkzODQgMTIuMzk3NCA2NC45Mzg0SDU2LjkxMDFWNzYuNzA1OEM1Ni45MTAxIDc3LjM1ODkgNTYuMzg3NiA3Ny44ODYgNTUuNzQwMiA3Ny44ODZMNTUuNzM0NSA3Ny44OTE3WiIgZmlsbD0iYmxhY2siLz4gPHBhdGggZD0iTTEzLjA2NzYgNDcuNTczNkMxMy4xMDczIDQ3LjU3MzYgMTMuMTQ3MSA0Ny41NzM2IDEzLjE4NjggNDcuNTY3OEMyMS4zNTkgNDYuNjE2OCAyNi4xODYzIDQyLjgxMjggMjkuNjEwNyAzOS4wMjU5QzI5LjY5NTkgMzkuMDQ4OCAyOS43ODExIDM5LjA2MDMgMjkuODc3NyAzOS4wNjAzSDMwLjIwMTRDMzMuNjMxNSA0Mi44MzU3IDM4LjQ0NzQgNDYuNjIyNiA0Ni41OTY5IDQ3LjU2NzhDNDYuNjM2NiA0Ny41Njc4IDQ2LjY3NjQgNDcuNTczNiA0Ni43MTYxIDQ3LjU3MzZDNDcuMjM4NiA0Ny41NzM2IDQ3LjY5MjkgNDcuMTc4MyA0Ny43NTU0IDQ2LjYzOTdDNDcuODIzNiA0Ni4wNjExIDQ3LjQwOSA0NS41Mzk4IDQ2LjgzNTQgNDUuNDcxQzQwLjM1NTYgNDQuNzE0OCAzNi4yMDQyIDQyLjA2OCAzMy4xMTQ3IDM5LjA2MDNIMzguMDE1OEM0MC40NTc4IDM5LjA2MDMgNDEuODk0NiAzOC4wNzQ5IDQyLjY3MjYgMzcuMjQ0MkM0My42NDM4IDM2LjIwNzIgNDQuMTc3NiAzNC44MDM2IDQ0LjE3NzYgMzMuMjg1NEM0NC4xNzc2IDMwLjYyNzEgNDIuNDU2OCAyNy44MDI3IDM5LjI2NTIgMjcuODAyN0MzOS4yNDI1IDI3LjgwMjcgMzkuMjE5OCAyNy44MDI3IDM5LjE5NyAyNy44MDI3QzM1LjcyNzEgMjguMDI2MiAzMy41MjkzIDMwLjgyNzcgMzAuOTg1MSAzNC4wNzAzQzMwLjYzMyAzNC41MjI5IDMwLjI2OTUgMzQuOTg2OSAyOS44ODkgMzUuNDUxQzI5LjUxNDIgMzQuOTgxMiAyOS4xNTA3IDM0LjUyMjkgMjguNzkzIDM0LjA3MDNDMjYuMjQ4NyAzMC44Mjc3IDI0LjA1MDkgMjguMDI2MiAyMC41ODEgMjcuODAyN0MyMC41NTgzIDI3LjgwMjcgMjAuNTM1NiAyNy44MDI3IDIwLjUxMjkgMjcuODAyN0MxNy4zMjEyIDI3LjgwMjcgMTUuNjAwNCAzMC42MjcxIDE1LjYwMDQgMzMuMjkxMUMxNS42MDA0IDM0LjgwOTMgMTYuMTM0MyAzNi4yMTI5IDE3LjEwNTQgMzcuMjQ5OUMxNy44ODM0IDM4LjA3NDkgMTkuMzIwMiAzOS4wNjYgMjEuNzYyMyAzOS4wNjZIMjYuNjYzM0MyMy41NjgyIDQyLjA3MzcgMTkuNDIyNSA0NC43MjA1IDEyLjk0MjYgNDUuNDc2OEMxMi4zNjkgNDUuNTQ1NSAxMS45NTQ1IDQ2LjA2NjggMTIuMDIyNiA0Ni42NDU1QzEyLjA4NTEgNDcuMTg0IDEyLjUzMzcgNDcuNTc5MyAxMy4wNjE5IDQ3LjU3OTNMMTMuMDY3NiA0Ny41NzM2Wk0zMi42MjYzIDM1LjM3NjVDMzQuOTQzNCAzMi40MjYxIDM2Ljc3MjEgMzAuMDg4NiAzOS4yOTM2IDI5LjkxMUM0MS4xMDUyIDI5LjkzMzkgNDIuMDgyIDMxLjY1ODQgNDIuMDgyIDMzLjI4NTRDNDIuMDgyIDM0LjI1OTMgNDEuNzUyNiAzNS4xNTMxIDQxLjE0NSAzNS43OTQ3QzQwLjQzNTEgMzYuNTUwOSAzOS4zNTA0IDM2Ljk0NjIgMzguMDEwMSAzNi45NDYySDMxLjM3NjlDMzEuODA4NSAzNi40MDc3IDMyLjIyMzEgMzUuODg2NCAzMi42MjA3IDM1LjM3NjVIMzIuNjI2M1pNMTguNjMzMSAzNS43OTQ3QzE4LjAzMTEgMzUuMTUzMSAxNy42OTYgMzQuMjY1MSAxNy42OTYgMzMuMjg1NEMxNy42OTYgMzEuNjU4NCAxOC42NzI4IDI5LjkzMzkgMjAuNDg0NSAyOS45MTFDMjMuMDA2IDMwLjA5NDMgMjQuODM0NiAzMi40MjYxIDI3LjE1MTcgMzUuMzc2NUMyNy41NDkyIDM1Ljg4MDcgMjcuOTU4MSAzNi40MDc3IDI4LjM5NTQgMzYuOTQ2MkgyMS43NjIzQzIwLjQyMiAzNi45NDYyIDE5LjMzNzMgMzYuNTQ1MiAxOC42Mjc0IDM1Ljc5NDdIMTguNjMzMVoiIGZpbGw9ImJsYWNrIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iY2xpcDBfNV8xNTgiPiA8cmVjdCB3aWR0aD0iNTkiIGhlaWdodD0iODAiIGZpbGw9IndoaXRlIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+") no-repeat center / contain;
}

.icon-shiharai::after {
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA2MCA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzVfMTY2KSI+IDxwYXRoIGQ9Ik01Ny42MyAyMS4xMTVWMTIuMjA2NEM1Ny42MyA5LjYwNTM3IDU1LjUzIDcuNDkwODcgNTIuOTUgNy40OTA4N0g0OC41NThWNC43MTU1OEM0OC41NTggMi4xMTQ1IDQ2LjQ1OCAwIDQzLjg3OCAwSDguMTZDMy42NiAwIDAgMy42ODgzNyAwIDguMjI5NzRWMzEuNDUzMkMwIDMxLjUwNzMgMCAzMS41NjE0IDAuMDEyIDMxLjYwOTRWNDAuNzc2M0MwLjAxMiA0NS4zMTE2IDMuNjcyIDQ5LjAwNiA4LjE3MiA0OS4wMDZINTIuOTU2QzU1LjUzNiA0OS4wMDYgNTcuNjM2IDQ2Ljg5MTUgNTcuNjM2IDQ0LjI5MDRWMzUuMzgxOUM1OC45NDQgMzUuMzYzOSA2MC4wMDYgMzQuMjk0NiA2MC4wMDYgMzIuOTg1VjIzLjUxNzhDNjAuMDA2IDIyLjIwMjMgNTguOTUgMjEuMTM5IDU3LjYzNiAyMS4xMjFMNTcuNjMgMjEuMTE1Wk01Ny42IDMyLjk3OUg0NC4xNkM0Mi41MTYgMzIuOTc5IDQxLjE4NCAzMS42Mjc0IDQxLjE4NCAyOS45NjM1VjI2LjUyNzRDNDEuMTg0IDI0Ljg2MzQgNDIuNTE2IDIzLjUxMTggNDQuMTYgMjMuNTExOEg1Ny42VjMyLjk3OVpNNTIuOTUgNDYuNTk3Mkg4LjE3MkM0Ljk5OCA0Ni41OTcyIDIuNDEyIDQzLjk4NDEgMi40MTIgNDAuNzcwM1YzMS40NDcyQzIuNDEyIDMxLjM5MzIgMi40MTIgMzEuMzM5MSAyLjQgMzEuMjkxVjguMjI5NzRDMi40IDUuMDE1OTQgNC45ODYgMi40MDI4NCA4LjE2IDIuNDAyODRINDMuODc4QzQ1LjEzMiAyLjQwMjg0IDQ2LjE1OCAzLjQ0MjA3IDQ2LjE1OCA0LjcxNTU4VjcuNDkwODdIMTIuNjc4QzEyLjAxOCA3LjQ5MDg3IDExLjQ3OCA4LjAzMTUxIDExLjQ3OCA4LjY5MjI5QzExLjQ3OCA5LjM1MzA3IDEyLjAxOCA5Ljg5MzcxIDEyLjY3OCA5Ljg5MzcxSDUyLjk1NkM1NC4yMTYgOS44OTM3MSA1NS4yMzYgMTAuOTMyOSA1NS4yMzYgMTIuMjA2NFYyMS4xMDlINDQuMTZDNDEuMTk2IDIxLjEwOSAzOC43ODQgMjMuNTQxOSAzOC43ODQgMjYuNTI3NFYyOS45NjM1QzM4Ljc4NCAzMi45NDkgNDEuMTk2IDM1LjM4MTkgNDQuMTYgMzUuMzgxOUg1NS4yMzZWNDQuMjg0NEM1NS4yMzYgNDUuNTU3OSA1NC4yMTYgNDYuNTk3MiA1Mi45NTYgNDYuNTk3Mkg1Mi45NVoiIGZpbGw9ImJsYWNrIi8+IDxwYXRoIGQ9Ik00Ni45MzIgMzAuMzQyQzQ4LjIyOCAzMC4zNDIgNDkuMjc4IDI5LjI4NDcgNDkuMjc4IDI3Ljk3NTJDNDkuMjc4IDI2LjY2NTYgNDguMjI4IDI1LjYwODQgNDYuOTMyIDI1LjYwODRDNDUuNjM2IDI1LjYwODQgNDQuNTg2IDI2LjY2NTYgNDQuNTg2IDI3Ljk3NTJDNDQuNTg2IDI5LjI4NDcgNDUuNjM2IDMwLjM0MiA0Ni45MzIgMzAuMzQyWiIgZmlsbD0iYmxhY2siLz4gPC9nPiA8ZGVmcz4gPGNsaXBQYXRoIGlkPSJjbGlwMF81XzE2NiI+IDxyZWN0IHdpZHRoPSI2MCIgaGVpZ2h0PSI0OSIgZmlsbD0id2hpdGUiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=") no-repeat center / contain;
    mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA2MCA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzVfMTY2KSI+IDxwYXRoIGQ9Ik01Ny42MyAyMS4xMTVWMTIuMjA2NEM1Ny42MyA5LjYwNTM3IDU1LjUzIDcuNDkwODcgNTIuOTUgNy40OTA4N0g0OC41NThWNC43MTU1OEM0OC41NTggMi4xMTQ1IDQ2LjQ1OCAwIDQzLjg3OCAwSDguMTZDMy42NiAwIDAgMy42ODgzNyAwIDguMjI5NzRWMzEuNDUzMkMwIDMxLjUwNzMgMCAzMS41NjE0IDAuMDEyIDMxLjYwOTRWNDAuNzc2M0MwLjAxMiA0NS4zMTE2IDMuNjcyIDQ5LjAwNiA4LjE3MiA0OS4wMDZINTIuOTU2QzU1LjUzNiA0OS4wMDYgNTcuNjM2IDQ2Ljg5MTUgNTcuNjM2IDQ0LjI5MDRWMzUuMzgxOUM1OC45NDQgMzUuMzYzOSA2MC4wMDYgMzQuMjk0NiA2MC4wMDYgMzIuOTg1VjIzLjUxNzhDNjAuMDA2IDIyLjIwMjMgNTguOTUgMjEuMTM5IDU3LjYzNiAyMS4xMjFMNTcuNjMgMjEuMTE1Wk01Ny42IDMyLjk3OUg0NC4xNkM0Mi41MTYgMzIuOTc5IDQxLjE4NCAzMS42Mjc0IDQxLjE4NCAyOS45NjM1VjI2LjUyNzRDNDEuMTg0IDI0Ljg2MzQgNDIuNTE2IDIzLjUxMTggNDQuMTYgMjMuNTExOEg1Ny42VjMyLjk3OVpNNTIuOTUgNDYuNTk3Mkg4LjE3MkM0Ljk5OCA0Ni41OTcyIDIuNDEyIDQzLjk4NDEgMi40MTIgNDAuNzcwM1YzMS40NDcyQzIuNDEyIDMxLjM5MzIgMi40MTIgMzEuMzM5MSAyLjQgMzEuMjkxVjguMjI5NzRDMi40IDUuMDE1OTQgNC45ODYgMi40MDI4NCA4LjE2IDIuNDAyODRINDMuODc4QzQ1LjEzMiAyLjQwMjg0IDQ2LjE1OCAzLjQ0MjA3IDQ2LjE1OCA0LjcxNTU4VjcuNDkwODdIMTIuNjc4QzEyLjAxOCA3LjQ5MDg3IDExLjQ3OCA4LjAzMTUxIDExLjQ3OCA4LjY5MjI5QzExLjQ3OCA5LjM1MzA3IDEyLjAxOCA5Ljg5MzcxIDEyLjY3OCA5Ljg5MzcxSDUyLjk1NkM1NC4yMTYgOS44OTM3MSA1NS4yMzYgMTAuOTMyOSA1NS4yMzYgMTIuMjA2NFYyMS4xMDlINDQuMTZDNDEuMTk2IDIxLjEwOSAzOC43ODQgMjMuNTQxOSAzOC43ODQgMjYuNTI3NFYyOS45NjM1QzM4Ljc4NCAzMi45NDkgNDEuMTk2IDM1LjM4MTkgNDQuMTYgMzUuMzgxOUg1NS4yMzZWNDQuMjg0NEM1NS4yMzYgNDUuNTU3OSA1NC4yMTYgNDYuNTk3MiA1Mi45NTYgNDYuNTk3Mkg1Mi45NVoiIGZpbGw9ImJsYWNrIi8+IDxwYXRoIGQ9Ik00Ni45MzIgMzAuMzQyQzQ4LjIyOCAzMC4zNDIgNDkuMjc4IDI5LjI4NDcgNDkuMjc4IDI3Ljk3NTJDNDkuMjc4IDI2LjY2NTYgNDguMjI4IDI1LjYwODQgNDYuOTMyIDI1LjYwODRDNDUuNjM2IDI1LjYwODQgNDQuNTg2IDI2LjY2NTYgNDQuNTg2IDI3Ljk3NTJDNDQuNTg2IDI5LjI4NDcgNDUuNjM2IDMwLjM0MiA0Ni45MzIgMzAuMzQyWiIgZmlsbD0iYmxhY2siLz4gPC9nPiA8ZGVmcz4gPGNsaXBQYXRoIGlkPSJjbGlwMF81XzE2NiI+IDxyZWN0IHdpZHRoPSI2MCIgaGVpZ2h0PSI0OSIgZmlsbD0id2hpdGUiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=") no-repeat center / contain;
}
/*ご利用ガイドおわり*/
/*系列店のご案内*/
.other-shop-area{
	background: #fff;
	padding:20px;
	border-radius:10px;
	gap:20px;
}
@media (min-width: 1290px) {
.other-shop-img img {
	max-width: 160px;
}
}
.other-shop-text a{
	text-align: center;
	display: block;
	background: var(--footer-color);
	padding:10px;
	border-radius:10px;
	position: relative;
    overflow: hidden;
    z-index: 0;
    transition: color 0.4s ease; /* 文字色の変化を滑らかに */
}
.other-shop-text a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* 左からスライドさせる */
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, var(--hover-color), var(--hover-color)); /* 背景色に変化させたい色 */
    z-index: -1;
    transition: all 0.4s ease;
}
.other-shop-text a:hover::before {
    left: 0; /* ホバーで右にスライド */
}
.other-shop-text a:hover {
    color: #fff; /* ホバー時の文字色 */
}
/*系列店のご案内おわり*/
footer hr{
	margin:60px 0 60px 0;
}
/*住所部分*/
.footer-address{
	font-size: clamp(0.875rem, 0.431rem + 0.93vw, 1rem);
}
.footer-address img{
	padding-bottom:30px;
}
.footer-address ul{
	padding-left:20px;
	/*padding-right:20px;*/
}
.guide-wrap{
	justify-content: flex-end;
	gap:20px;
}
@media (max-width: 768px) {
    .guide-wrap {
		justify-content: flex-start;
        flex-wrap: wrap;
    }
}
/*戻るボタン*/
.page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
}
/* 表示状態 */
.page-top.show {
    opacity: 1;
    pointer-events: auto;
}


/*ここから中ページ*/
.tree{
	padding:40px 0;
	font-size:clamp(0.875rem, 0.431rem + 0.93vw, 1rem);
}
.tree div::after {
  content: " / ";
  margin: 0 10px 0 7px;
}
.tree div:last-child::after {
  content: "";
}
/*店舗情報about.html*/
#about-top{
	padding-top:clamp(20px, 5vw + 10px, 100px);
	padding-bottom: clamp(150px, 12vw, 200px);
}
.about-text{
    background-image: url(../img/about-ashirai01.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: clamp(180px, 20vw, 340px);
}
.about-text img{
	padding-top:clamp(20px, 5vw + 10px, 100px);
	padding-bottom:clamp(20px, 5vw + 10px, 100px);
}
.about-ashirai02{
	width: clamp(200px, 50vw, 440px);
}
.video-wrap {
  display: flex;
  justify-content: center; /* 横中央 */
  align-items: center;     /* 縦中央 */
  /*height: 100vh;*/
}
video {
	width: 100%;
	height: auto;
}
#about-point{
	background:var(--bg-base_color);
	padding-top: clamp(50px, 8vw + 10px, 120px);
	padding-bottom: clamp(50px, 8vw + 10px, 120px);
}
#about-point h3,#sweets h3{
	font-size: clamp(20px, 2.5vw, 30px);
	padding-bottom:clamp(20px, 5vw + 10px, 70px);
	line-height: 160%;
}
.about-parent,.sweets-parent,.access-parent{
    text-align: center;
	margin-top: clamp(-170px, calc(-10vw - 10px), -100px);
	margin-bottom:clamp(30px, 5vw, 80px);
}
.about-parent .about-title,.sweets-parent .sweets-title,.access-parent .access-title{
	display: inline-block;
    font-size: clamp(23px, 2.5vw, 32px);
	padding-left:clamp(20px, 10vw, 100px);
    padding-right:clamp(20px, 10vw, 100px);
	padding-top:25px;
	padding-bottom:25px;
    color: #fff;
    border-radius: 50px;
	position: relative;
}
.icon-ashirai{
	position: absolute;
	top:-60px;
	right: 15px;
}
.icon-ashirai4{
	position: absolute;
	top:-40px;
	left: 0px;
}
.about-parent .about-title{
	    background: #C79F62;
}
.sweets-parent .sweets-title{
	    background: #40210F;
}
.access-parent .access-title{
	background: #66B0DD;
	padding-left: clamp(100px, 10vw, 300px);
    padding-right:clamp(100px, 10vw, 300px);
}
#sweets{
	padding-top: clamp(100px, 8vw + 20px, 200px);
	padding-bottom: clamp(50px, 8vw + 10px, 120px);
}
.sweets-area{
	background: #F1ECEA;
	padding-top:clamp(50px, 8vw + 10px, 120px);
	padding-left:clamp(10px, 5.36vw - 7.14px, 80px);
	padding-right:clamp(10px, 5.36vw - 7.14px, 80px);
	padding-bottom:clamp(10px, 5.36vw - 7.14px, 80px);
}
@media (max-width: 425px) {
	.sweets-parent .sweets-title .icon-ashirai {
	max-width: 30px;
	top:-20px;
	}
	.icon-ashirai4{
		max-width: 100px;
	}
}
@media (min-width: 1025px) {
	.sweets-sp{
		padding:5%;
	}
}
@media (max-width: 767px) {
	.sweets-sp{
		padding-bottom:50px;
	}
	.sweets-sp2{
		padding-top:50px;
	}
}
#map{
	padding-bottom: clamp(100px, 8vw + 10px, 150px);
}
.f-map{
	display: inline-block;
	padding:30px 0;
	position: relative;
}
.icon-ashirai2{
	position: absolute;
	left:-130px;
	bottom:0;
}
.icon-ashirai3{
	position: absolute;
	right:0px;
	top:0;
}
@media (max-width: 767px) {
	.icon-ashirai2{
		left:0px;
	}
	.icon-ashirai2,.icon-ashirai3{
		width: 20%;
	}
}
#access{
	background:#D7F3FC;
	padding-top: clamp(50px, 8vw + 10px, 120px);
	padding-bottom: clamp(50px, 8vw + 10px, 120px);
}
@media (min-width: 768px) {
  #access.row,#company-other-shop row {
    display: flex;
    align-items: stretch;
  }
}
.info-list {
    border-top: 1px dashed #7ec3ff;
}
@media (max-width: 767px) {
	.info-list {
		margin-bottom: 30px;
	}
}
.info-item {
    display: flex;
    align-items: flex-start;
    gap: clamp(10px, 2vw, 20px);
    padding: 20px 0;
    border-bottom: 1px dashed #66B0DD;
}
.info-icon {
    width: clamp(20px, 3vw, 30px);
    height: clamp(20px, 3vw, 30px);
    border-radius: 50%;
    background: #66B0DD;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}
.info-icon img {
    width: clamp(10px, 2vw, 20px);
    height: clamp(10px, 2vw, 20px);
}
.info-title {
    font-weight: bold;
    width: clamp(70px, 6.94vw, 100px); /* ←ここで見出し幅固定 */
}
.info-content {
    flex: 1;
    line-height: 1.8;
}
.info-card{
	width: 290px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #66B0DD;
	margin:0 10px 10px 10px;
}
.info-card .info-card-title{
	background: #66B0DD;
	border-radius: 10px;
	color: #fff;
}
.info-card .info-card-content{
	font-size: clamp(1.125rem, 0.681rem + 0.93vw, 1.375rem);
	padding:15px;
	font-weight: bold;
	color:#66B0DD;
}
.contact-area{
    background: #fff;
    border-radius: 15px;
    border: 1px solid #F5AB2B;
	padding:25px 0 0 0;
	margin:50px 0 0 0;
	width: 90%;
}
.contact-title{
	font-size: clamp(1rem, 0.681rem + 0.93vw, 1.375rem);
	text-align: center;
	font-weight: bold;
}
@media (max-width: 330px) {
	.contact-area{width: 100%;}
}
/*店舗情報about.html　おわり*/

/*会社概要company.html*/
#company-top,#company-about{
	padding-top:clamp(20px, 5vw + 10px, 100px);
	padding-bottom:clamp(20px, 5vw + 10px, 100px);

}
.company-other-shop-area{
	background:#FFF3F0;
	padding-top:clamp(50px, 8vw + 10px, 120px);
	padding-left:clamp(10px, 5.36vw - 7.14px, 80px);
	padding-right:clamp(10px, 5.36vw - 7.14px, 80px);
	padding-bottom:clamp(10px, 5.36vw - 7.14px, 80px);
	border-radius: 20px;
}
.company-about-item {
    display: flex;
    align-items: stretch;
    gap: clamp(10px, 2vw, 20px);
    border-bottom: 1px solid #CCCCCC;
	margin-bottom:2px;
}
.company-about-title {
	text-align: center;
    padding: 20px 0;
	background: var(--bg-base_color);
    font-weight: bold;
    width: clamp(80px, 6.94vw, 120px); /* ←ここで見出し幅固定 */
}
.company-about-content {
    padding: 20px 0;
    flex: 1;
    line-height: 1.8;
}
#company-other-shop{
	padding-top: clamp(100px, 8vw + 10px, 120px);
	padding-bottom: clamp(50px, 8vw + 10px, 120px);
}
.company-other-shop-bg{
	background: #fff;
	padding:15px;
}
.company-other-shop-bg .title{
	background: #C93F3D;
	text-align: center;
	display: block;
	padding:10px;
	color:#fff;
}
.company-other-shop-area .row img{
	padding: 0 0 10px 0;
}
.red-text{
    color: #C93F3D;
    border-radius: 10px;
    border: 2px solid #C93F3D;
	padding:10px 25px;
	font-weight: bold;
}
/*会社概要company.html　おわり*/

/*商品一覧item-list.html*/
/*ページタイトル用-共有*/
.page-ttl{
    font-size: clamp(23px, 2.5vw, 35px);
    margin-bottom: 40px;
    border-bottom: 1px solid #000000;
}
/*ページタイトル用-共有おわり*/
#product-list{
	padding-bottom:60px;
}
#product-list .sub-category-ttl{
	font-size: clamp(18px, 2vw, 25px);
}
#product-list .sub-cate-list{
	padding:20px 0 0 0;
}
#product-list .sub-cate-list li{
	list-style: none;
	padding-right:20px;
}
#product-list .list-head{
	padding:15px 0 30px 0;
}
.sort a{
    display: block;
    border-radius: 10px;
    padding: 5px 10px;
    border: 1px solid #000000;
	margin-left:10px;
}
.sort a:hover{
	border: 1px solid var(--hover-color);
}
.sort span{
	color: var(--hover-color);
    display: block;
    border-radius: 10px;
    padding: 5px 10px;
    border: 1px solid var(--hover-color);
	margin-left:10px;
}
/*商品一覧item-list.htmlおわり*/
/*商品詳細item.html*/
.product-info{
	margin: 60px 0 60px 0;
}
.product-info-text{
	padding-top:15px;
}
.product-info-text h2{
	font-size: clamp(25px, 2.5vw, 35px);
}
.product-info-text .info-id{
	color:#656565;
	font-size:15px;
}
.product-info-text .price{
	font-size: 20px;
	text-align: right;
	font-weight:bold;
}
.order-input{
	padding-top: clamp(30px, 5vw, 55px);
	padding-bottom: clamp(30px, 5vw, 55px);
}
.quantity-ttl{
    padding: 10px;
	font-weight: bold;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
/*数量ボタン*/
.quantity {
  display: flex;
  align-items: stretch;
  width: 160px;
	padding-bottom: clamp(30px, 5vw, 55px);
}
.quantity-input {
	width: 100%;
	font-size: 16px;
	background: transparent;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 0 10px;
	height: 40px;
}
.quantity-input:focus {
  outline: none;
}
.quantity-buttons {
  display: flex;
  flex-direction: column;
	height: 40px;
}
.quantity-buttons a {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}
.quantity-buttons a img {
  width: 20px;
}
/* 下矢印は反転 */
.btn-down img {
  transform: rotate(180deg);
}
/*数量ボタンおわり*/
.btn-cart{
	box-sizing: border-box;
    display: inline-block;
    position: relative;
    padding: 25px;
    border: none;
    border-radius: 10px;
    width: 100%;
    font-weight: bold;
    background: #C93F3D;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-cart:hover {
	filter: brightness(0.8);
}
.product-detail{
	background: #F5F5F5;
	padding:30px;
	margin-top: clamp(30px, 5vw, 60px);
	margin-bottom: clamp(30px, 5vw, 60px);
}
.product-detail-border{
    font-size: 13px;
    border: 1px solid #000000;
	padding:20px;
	margin-top:20px;
}
#product-souryou{
	margin-bottom: clamp(30px, 5vw, 60px);
}
.product-souryou-text{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
	padding: 30px 20px;
}
.product-souryou-text-red{
	color: #C93F3D;
	font-weight: bold;
}