@charset "utf-8";
/*--------------------------------------
全般
----------------------------------------*/

/*20250627追記*/
body{
	font-size: 16px;
}

@media(max-width:768px){

	body{
	font-size: 14px;
	}
}
/*20250627追記ここまで*/


*,
*::before,
*::after{
	box-sizing: border-box;
	margin: 0;
	padding: 0;	
}
.wrapper{
	background-color: #F9F8F4;
	/*max-width: 1400px;20250627隠す*/
	margin: 0 auto;
	display: flow-root;
}
.container{
	max-width: 1100px;
	margin: 0 auto;
}
img{
	max-width: 100%;
}
li{
	list-style:none;
}
a{
	text-decoration: none;
}
.indent{
	text-indent:-0.5rem;
}
.section-title{
	color:#009500;
	font-size:1.6rem;
	text-align:center;
	font-weight:500;
	margin-bottom:20px;
}
.link-btn a{
	display:block;
	text-align:center;
	color:#fff;
	letter-spacing:1.5px;
	font-weight:450;
	padding:12px 24px;
	border-radius: 50px;
	white-space:nowrap;
}
 .green a{
	background-color:#019501;
}
.orange a{
	background-color:#F97930;
}
/*---------------------
パンくずリスト
-----------------------*/
.breadcrumb{
	padding:16px 3px 0;
}
.breadcrumb .breadcrumb__list{
		font-weight:300;
		font-size:0.8rem;
		display:inline; 
		margin-right:3px;
}
.breadcrumb .breadcrumb__link{
	color:#000
}

/*20250627追記*/
@media(max-width:768px){

.breadcrumb{
	display: none;
}

}

/*--------------------------------------
ヘッダー
----------------------------------------*/
#header{
	margin-top: 20px;

}

#header .flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/*---------------------
ヘッダーロゴ
-----------------------*/
#header .site-logo{
	margin-right:30px;
}
#header .flex .site-logo .logo img{
	width: 400px;
	margin-right: 14px;
}
#header .flex .site-logo .site-copy{
	color: #009500;
	font-weight: 550;
	width:420px;
	font-size: 21px;
	padding-left:84px;
}
#header .site-logo a{
	width:420px;
}
/*---------------------
ヘッダーロゴここまで
-----------------------*/
#header .flex .item{
	width: 60%;
}
#header .flex .item .sns-link{
	display:flex;
	justify-content:flex-end;
}
#header .flex .item .sns-link p{
	font-size:12px;
	font-weight:300;
}
#header .flex .item .link-icon{
	display: flex;
	justify-content: flex-end;
}

#header .flex .item .link-icon a{
	margin-left: 15px;
}
#header .flex .item .text{
	color: #696866;
	font-size: 14px;
	text-align: justify;
	text-align-last: justify;
}
/*---------------------
ヘッダーリンク
-----------------------*/
#header .menu-hidden,.menu-open,.header-link li:nth-last-child(-n+2){
	display: none;
}
#header .header-link{
	display: flex;
	justify-content:space-between;
	background-color: #019501;
	margin-top: 10px;
	border-radius: 50px;
	padding:0 30px;
}
#header .header-link li a{
	display:inline-block;
	color:#fff;
	padding:12px 0;
	font-size:14px;
	position:relative;
}
#header .header-link li a::after{
 content: "";
 display: block;
 width: 100%;
 height: 2px;
 background-color: #ccc;
 position: absolute;
 bottom: 8px;
 left: 0;
 transform:scalex(0);
}
#header .header-link li a:hover::after,
.current::after{
	transform:scalex(1);
}
#header .header-link li a[aria-current="page"]::after{
	transform:scalex(1);
}
/*---------------------------------page1:index----------------------------------*/
/*--------------------------------------
メインエリア
----------------------------------------*/
#mainarea{
	margin-top:60px;
	padding-bottom:60px;
}
#mainarea .slider{
	max-width:100%;
}
#mainarea .slider img{
	display:block;
	width:100%;
	height:100%;
}
#mainarea .slider .slick-slide{
	margin:0 15px;
}
#mainarea .slider .slick-list{
	overflow: hidden;
}
#mainarea .slider .slic-slider{
	margin:0 auto;
}
#mainarea .slider .slick-slide:last-child{
	margin-right: 0;
}
#mainarea .slider .slider-img{
	position:relative;
}
#mainarea .prev img,
#mainarea .next img{
	width:30px;
	height:auto;
}
#mainarea .arrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	background:none;
	border:none;
	cursor:pointer;
	z-index:10;
}
#mainarea .arrow.prev{
	/*left:calc(50% - 260px - 8px);*/
	left:32%;
}
#mainarea .arrow.next{
	/*right:calc(50% - 260px - 7px);*/
	right:31.9%;
}

#mainarea .slick-dots li button:before{
	margin-top:20px;
	font-size:0.75rem;
	color:#F97930;
	opacity:0.25;
}
#mainarea .slick-dots li.slick-active button:before{
	color:#F97930;
	opacity:1;
}

/*--------------------------------------
ハートフル商店街とは
----------------------------------------*/
#intro {
	margin-bottom:60px;
}
#intro .logo{
	text-align:center;
	margin-bottom:20px;
	
}
#intro .logo img{
	width:100px;
}
#intro .flex{
	display:flex;
	justify-content: space-between;
	align-items:center;
	margin-bottom:40px;
}
#intro .flex .circle-1mg img{
	width:90%;
	border-radius: 50%;
}
#intro .flex .text{
	width: 55%;
	font-weight:300;
	text-align:justify;
	letter-spacing: -0.2px;
	line-height:2.15;
}
#intro .link-btn{
	width:220px;
	margin:0 auto;
}

/*--------------------------------------
お知らせ
----------------------------------------*/
#news{
	background-color:#fff;
	padding-top:40px;
	padding-bottom:40px;
	border-radius: 15px;
	margin-bottom:70px;
}
#news .flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin-bottom:30px;
	margin-left:35px;
}
#news .flex dt{
	width: 10%;
	font-weight:200;
	font-size:19px;
	margin:8px 20px 8px 0;
}
#news .flex .label{
	width: 110px;
	font-size:12px;
	color:#fff;
	border-radius: 50px;
	text-align:center;
	padding-bottom:2px;
	margin-right:20px;
}
#news .flex .green{
	background-color:#006835;
}
#news .flex .orange{
	background-color:#F97930;
}
#news .flex .blue{
	background-color: #0672CD;
}
#news .flex .caption{
	width:68%;
}
#news .flex .caption a{
	color:#000;
	font-weight:300;
}
#news .link-btn{
	width: 240px;
	margin:0 auto;
}
#news span{
	font-size: 14px;
	color: #grey;
}
/*--------------------------------------
ピックアップ
----------------------------------------*/
#pickup{
	background-color:#FAEADA;
	background-image: url(../img/dot_orange.png),url(../img/syasenn_orange.png);
	background-repeat: no-repeat;
	background-position: 0 535px,100% 0;
	padding-top:65px;
	padding-bottom:65px;
	margin-bottom:60px;
}
#pickup .section-title{
	color:#F97930;
}
/*---------------------
ピックアップスライド画像
-----------------------*/
#pickup .pickup-slider{
	padding-bottom:10px;
}
#pickup .slide-item{
	background-color:#fff;
	border-radius: 10px;
}
#pickup .slide-item img{
	border-radius:10px 10px 0 0;
	width:100%;
	height:250px;
	object-fit:cover;
}
#pickup .pickup-slider .slick-slide{
	margin:0 15px;
}
#pickup .slide-item a{
	display:flex;
	justify-content:center;
	color:#000;
	line-height:18px;
	margin-top:14px;
	margin-bottom:10px;
}
#pickup .slide-item a img{
	width:16px;
	height:auto;
	display:block;
}
#pickup .slide-item .slide-title{
	font-weight:400;
	font-size:17px;
	margin-right:8px;
}
#pickup .slide-item .text{
	font-size:13px;
	font-weight:300;
	padding:0 35px 20px;
	letter-spacing: 0.1px;
}
#pickup .arrow{
	position:absolute;
	top:40%;
	transform:translateY(-50%);
	background:none;
	border:none;
	cursor:pointer;
	z-index:10;
}
#pickup .prev img,
#pickup .next img{
	width:30px;
	height:auto;
}
#pickup .arrow.prev{
	/*left:calc(50% - 260px + 7px);*/
	left:10%;
}
#pickup .arrow.next{
	/*right:calc(50% - 260px + 6px);*/
	right:10%;
}
#pickup .slick-dots li button:before{
	font-size:0.7rem;
	color:#F97930;
	opacity:0.25;
}
#pickup .slick-dots li.slick-active button:before{
	color:#F97930;
	opacity:1;
}
/*---------------------
スライド画像ここまで
-----------------------*/
#pickup .content-title{

	font-size:22px;
	text-align:center;
	margin-top:60px;
	margin-bottom:20px;
	font-weight:500;
}
#pickup .flex{
	display:flex;
}

#pickup .flex .left,
#pickup .flex .right{
	display:flex;
	align-items: baseline;
	background-color:#fff;
	border-radius:10px;
	width:100%;
	padding:30px 0 40px;
	margin-bottom:40px;
}
#pickup .flex .category{
	color:#F97930;
	width:30%;
	text-align:center;
}
#pickup .flex .left{
	margin-right:20px;
}
#pickup .flex .right{
	margin-left:20px;
}
#pickup .flex .left .food-link li,
#pickup .flex .right .goods-link li{
	padding:10px 30px 10px 20px;
	position:relative;
}
#pickup .flex .left .food-link li img,
#pickup .flex .right .goods-link li img{
	width:16px;
	vertical-align:middle;
	margin-right:8px;
}
#pickup .flex .left .food-link li a,
#pickup .flex .right .goods-link li a{
	color:#000;
}
#pickup .flex .left .food-link li::after,
#pickup .flex .right .goods-link li::after{
 content: "";
 display: block;
 width: 100%;
 height: 1px;
 background-color: #ccc;
 position: absolute;
 bottom: 0;
 left: 0;
}

#pickup .link{
	display:flex;
	justify-content:center;
	align-items:center;	
}
#pickup .link-btn{
	font-size:17px;
	width:170px;
	margin:0 8px;
}
/*--------------------------------------
店舗紹介
----------------------------------------*/
#shop-info{
	text-align:center;
	margin-bottom:100px;
}
#shop-info .text{
	font-weight:300;
	margin-bottom:40px;
}
#shop-info .flex{
	display:flex;
	justify-content:space-between;
	margin-top:20px;
	margin-bottom:40px;
}
#shop-info .left .group,
#shop-info .right .group{
	position:relative;
	margin-left:210px;
	display:inline-block;
}
#shop-info .left .group .item-img,
#shop-info .right .group .item-img{
	border-radius: 10px;
	width:295px;
	height:275px;
	object-fit:cover;
}
#shop-info .left .group .overlap,
#shop-info .right .group .overlap{
	width:100%;
	height:275px;
	background-color:#fff;
	font-weight:500;
	display:flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	position:absolute;
	top:50px;
	left:-80%;
	border:8px solid #FDDEA8;
	border-radius:10px;
}
#shop-info .left .group .overlap .overlap-title{
	font-size:1.5rem;
	color:#009500;
	margin-bottom:8px;
	margin-right:10px;
}
#shop-info .right .group .overlap .overlap-title{
	font-size:0.8rem;
	margin-bottom:10px;
}

#shop-info .left .group .overlap .shop,
#shop-info .right .group .overlap .shop{
	display:flex;
	align-items:center;
	height:40px;
}
#shop-info .right .group .overlap .shop-logo{
	width:85%;
	height:auto;
	margin-right:10px;
}
#shop-info .flex .group .overlap .location{
	font-size:0.8rem;
	letter-spacing:1px;
	margin-bottom:40px;
}
#shop-info .flex .group .overlap .arrow-right{
	width:20px;
}
#shop-info .link-btn{
	width:80%;
	margin:0 auto 30px;
}
/*--------------------------------------
企業等の皆様へ
----------------------------------------*/
#appeal{
	background-image:url("../img/back.jpg");
	background-repeat:no-repeat;
	padding-top:60px;
	padding-bottom:110px;
	margin-bottom:65px;
	/*20250627追記*/
	background-size: cover;
    background-position: bottom center;
}
#appeal .section-title{
	color:#F97930;
	margin-bottom:0;
	font-size:28px;
}
#appeal .flex .subtitle{
	font-size:18px;
	text-align:center;
	line-height:20px;
	margin-bottom:30px;
	font-weight:500;
}
#appeal .flex{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#appeal .text{
	font-weight:300;
}
#appeal .left{
	width:50%;
	padding-left:10%;
	padding-right:7%;
	line-height:2.2;
	letter-spacing: 0.3px;
}
#appeal .left .link-btn{
	margin:30px auto 0;
	width:220px;
}
#appeal .right{
	width:50%;
	padding-left: 7%;
	padding-right:10%;
	line-height:2.2;
	letter-spacing: 0.5px;

}
#appeal .right .link-btn{
	margin:65px auto 0;
	width:280px;
	
}
/*--------------------------------------
インスタグラム
----------------------------------------*/
#instagram{
	margin-bottom:100px;
}
#instagram .sns-link{
	text-align:right;
	margin-bottom:10px;
}
#instagram .sns-link a{
	color:#F97930;
	font-weight:300;
}
#instagram .flex{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:20px;
}
#instagram .flex li{
	width:22.5%;
	margin-bottom:25px;
}
#instagram .flex li img{
	border-radius:15px;
}
#instagram .link-btn{
	margin:0 auto;
	width:220px;
	padding-top:14px;
	padding-bottom:14px;
}


/*---------------------------------page2:about----------------------------------*/

/*--------------------------------------
ハートフル商店街とは
----------------------------------------*/
#about{
	margin-top:30px;
	margin-bottom:80px;
}
#about .section-title{
	margin-bottom:30px;
}
#about .text{
	font-weight:300;
	font-size:1.05rem;
	line-height:2;
	letter-spacing:0.1px;
}

@media(max-width:768px){
#about .text{
	font-size:14px;
}

}
#about .content-wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:50px;
}
#about .content-wrapper .content{
	width:48%;
	background-color:#fff;
	padding:15px 30px 20px;
	border:8px solid #FDDEA8;
	border-radius: 10px;
}
#about .content-wrapper .content.left{
	margin-right:20px;
	margin-bottom:40px;
}
#about .content-wrapper .content.right{
	margin-left:20px;
	margin-bottom:40px;
}
#about .content-wrapper .content .content-item{
	display:flex;
	align-items:center;
	margin-bottom:10px;
}
/*20250627追記*/
@media(max-width:768px){
#about .content-wrapper .content .content-item{
	flex-direction: column;
}

}

#about .content-wrapper .content
 .content-item .circle{
	width:60px;
	height:60px;
	background:#F97930;
	color:white;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius:50%;
	margin-right:22px;
	margin-left:12px;
}

/*20250627追記*/
@media(max-width:768px){
	#about .content-wrapper .content
 .content-item .circle{
	margin-right:0;
	margin-left:0;
 }
}

#about .content-wrapper .content
 .content-item .circle .circle__symbol{
	width:20px;
}
#about .content-wrapper .content
 .content-item .circle .circle__number{
	font-size:0.8rem;
}
#about .content-wrapper .content
 .content-item .content-title{
	font-size:1.25rem;
	font-weight:500;
	color:#009500;
}

@media(max-width:768px){
	#about .content-wrapper .content
	.content-item .content-title{
		font-size: 18px;
	}
}
#about .content-wrapper .content .text{
	line-height: 1.8;
	margin-bottom:10px;
	padding-left:12px;
}
#about .content-wrapper .content .link-btn{
	width:50%;
	margin:0 auto;
}
/*--------------------------------------
ロゴマークの紹介
----------------------------------------*/
#logo-intorduction{
	background-image:url(../img/about_back.jpg);
	padding:60px 0;
	margin-bottom:80px;
	/*20250627追記*/
	background-size: cover;
}

/*20250627追記*/
@media(max-width:768px){
	#logo-intorduction{
		padding:30px 20px;
	}
}
#logo-intorduction .container{
	background:#fff;
	border-radius:10px;
	padding:60px 50px 90px;

}

/*20250627追記*/
@media(max-width:768px){
	#logo-intorduction .container{
		padding:20px;
	}
}
#logo-intorduction .section-title{
	color:#000;
	font-size:1.3rem;
	margin-bottom:40px;
}
#logo-intorduction .logo{
	text-align: center;
	margin-bottom:50px;
}
#logo-intorduction .logo img{
	width:55%;
}
#logo-intorduction .text{
	font-weight:300;
	line-height:2;
}
/*--------------------------------------
運営者について
----------------------------------------*/
#about-operator{
	padding:0 4%;
	margin-bottom:60px;
}
#about-operator .section-title{
		color:#000;
	font-size:1.4rem;
	margin-bottom:40px;
}
#about-operator .text{
	font-weight:300;
	line-height:2;
	letter-spacing: 0.4px;
}
#about-operator .strong{
	font-weight:500;
}
#about-operator .facility-link{
	color:#009500;
	position: relative;
	letter-spacing: 1px;
}
#about-operator .facility-link::after{
 content: "";
 display: block;
 width: 100%;
 height: 1px;
 background-color: #019500;
 position: absolute;
 bottom: 0;
 left:0;
 opacity: 0.5;
 box-shadow: 0 0 1px;
}

/*--------------------------------------
フッター
----------------------------------------*/
#footer{
	position:relative;
	padding-top:40px;
	padding-bottom:60px;
}
#footer::before{
 content: "";
 display: block;
 width: 100%;
 height: 10px;
 background-color:#009500;
 position: absolute;
 top: 0;
 left: 0;
}
/*---------------------
フッター上部
-----------------------*/
#footer .flex{
	display: flex;
	justify-content: space-between;
	align-items:flex-end;
	margin-bottom:40px;
}
#footer .site-logo{
	margin-right:30px;
}
#footer .flex .site-logo .logo img{
	width: 400px;
	margin-right: 14px;
}
#footer .flex .site-logo .site-copy{
	color: #009500;
	font-weight: 550;
	width:420px;
	font-size: 21px;
	padding-left:84px;
}
#footer .site-logo a{
	width:420px;
}

#footer .flex .text{
	display:flex;
	justify-content:center;
	align-items: center;
	width: 60%;
	margin-bottom:8px;
}
#footer .flex .sns-link{
	display: flex;
	justify-content:center;
	width:32%;
}
#footer .flex .sns-link a{
	margin-left: 20px;
}
footer .flex .sns-link a img{
	transform:scale(1.3);
}
#footer .flex .text{
	color: #696866;
}
/*---------------------
フッター下部
-----------------------*/
#footer .link-flex{
	display:flex;
}
#footer .link-flex .left{
	width:45%;
}
#footer .link-flex .left address{
	font-style: normal;
	font-size: 17px;
	font-weight:250;
	margin-bottom:10px;
}
#footer .link-flex .left .link{
	display:flex;
	margin-bottom:10px;
}
#footer .link-flex .left .link li{
	margin-right:25px;
}
#footer .link-flex .left .link li a{
	font-size: 12px;
	padding: 4px 16px;
	display:flex;
	justify-content:center;
	letter-spacing:0;
}
#footer .link-flex .left .link .orange img{
	width:20px;
	margin-right: 5px;
}
#footer .link-flex .left .link .green img{
	width:20px;
	margin-right: 5px;
}
#footer .link-flex .left .sub-link{
	display:flex;
}
#footer .link-flex .left .sub-link li{
	margin-right:20px;
	height:14px;
}
#footer .link-flex .left .sub-link li a{
	font-size:14px;
	font-weight:200;
	color:#000;
}
#footer .link-flex .left .sub-link img{
	width:13px;
	margin-right:3px;
}
/*---------------------
フッターリンク
-----------------------*/
#footer .link-flex .right{
	width:64%;
	align-items:center;
}
#footer .link-flex .right .footer-link{
	display:flex;
	flex-wrap:wrap;
}
#footer .link-flex .right .footer-link li{
	width:40%;
	line-height:1.75rem;
}
#footer .link-flex .right .footer-link li a{
	color:#000;
	font-weight: 250;
	font-size: 15px;
	height:16px;
}
#footer .link-flex .right .footer-link li img{
	width:13px;
	margin-right:5px;
	vertical-align: middle;
}
/*---------------------
フッターリンクここまで
-----------------------*/
#footer .top{
	text-align:right;
}
#footer .top img{
	width:55px;
}
#footer .copyright{
	color:#696866;
	text-align:center;
	font-size:11px;
}

/*20250627追記*/
#footer .pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 30px;
    z-index: 999;
    opacity: .8;
}

@media(max-width:768px){
	#footer .pagetop {
        right: 20px;
    }

	#footer .pagetop img{
        width: 55px;
        height: 55px;
    }
}


@media(min-width:769px){
/*20250627追記*/
#header .nav-content > p{
	display: none;
}

#header .nav-content > .flexc{
	display: none;
}

#header .nav-content > .flexc > .link-icon{
	display: none;
}

}



/*20250627追記ここまで*/

/*--------------------------------------
レスポンシブ対応
----------------------------------------*/
@media(max-width:768px){
/*--------------------------------------
全般
----------------------------------------*/
.br-sp{
	display: block;
}
/*---------------------------------page:index----------------------------------*/
/*--------------------------------------
ヘッダー
----------------------------------------*/
#header{
	margin-bottom:10px;
}
#header .nav .header-link li:nth-last-child(-n+2){
	display:block;
}
#header .flex .item{
	display:none;
}
#header .flex .site-logo{
	width:340px;
	/*20250627追記*/
	width: 260px;
	margin-right: 0;
}
#header .flex .site-logo .site-copy{
	font-size:1.25rem;
	padding-left:70px;
	/*20250627追記*/
	padding-left: 50px;
    font-size: 14px;
	width: auto;
}
/*20250627追記*/
#header .flex .site-logo > a > img{
	width: 260px;
	height: auto;
}
/*20250627追記ここまで*/

#header .hamburger{
	display:flex;
	justify-content:space-between;
	align-items: center;
	padding:0 20px;
	/*20250627追記*/
	padding:0 10px 0 20px;
}
/*---------------------
ハンバーガーメニュー
-----------------------*/
#header .menu-open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  z-index: 100;
  cursor: pointer;
  position:relative;
}
#header .menu-open .text{
	text-align:center;
	margin-top:40px;
	font-size:12px;
	/*20250627追記*/
	font-size:10px;
	letter-spacing: -1px;
}
#header .menu-open .close{
	display:none;
}
#header .menu-open .toggle,
#header .menu-open .toggle:before,
#header .menu-open .toggle:after {
  content: '';
  display: block;
  height: 3px;
  width: 40px;
  /*20250627追記*/
  height: 2px;
  width: 32px;
  /*20250627追記ここまで*/
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}
#header .menu-open .toggle:before {
  bottom: 12px;
  /*20250627追記*/
  bottom: 8px;
}
#header .menu-open .toggle:after {
  top: 12px;
  /*20250627追記*/
  top: 8px;
}
#header #menu-toggle:checked ~ .menu-open .toggle {
  background: rgba(255, 255, 255, 0);
}
#header #menu-toggle:checked ~ .menu-open .toggle::before {
  bottom: 0;
  transform: rotate(45deg);
  /*background:#fff;20250627*/
}
#header #menu-toggle:checked ~ .menu-open .toggle::after {
  top: 0;
  transform: rotate(-45deg);
  /*background:#fff;20250627*/
}
#header #menu-toggle:checked ~ .menu-open .open{
	display:none;
}
#header #menu-toggle:checked ~ .menu-open .close{
	display:block;
	font-size:12px;
	/*color:#fff;20250627*/
	margin-top:45px;
}
#header .nav-content{
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 100%;
  left: 0%;
  z-index: 99;
  background: rgba(105, 104, 102, 0.9);
  transition: .5s;
  position: absolute;
    background: #fff;
} 
/*20250627追記*/
#header .nav-content > p{
	font-size: 12px;
}

#header .nav-content > .flexc{
	display: flex;
	justify-content: center;
}

#header .nav-content > .flexc > .link-icon{
	margin:10px 0;
	display: flex;
	column-gap: 20px;
}
/*20250627追記ここまで*/

#header .nav .header-link{
	all:unset;
	/*text-align:center;
	height:100vh;20250627*/
	display:flex;
	flex-direction: column;
	justify-content: center;
	/*20250627追記*/
    margin: 0 auto;
}
#header .nav .header-link a{
	/*font-size: 1.15rem;
	20250627追記*/
	color: #232323;
	padding: 10px 0;
}
/*20250627追記*/
#header .nav .header-link a:before {
	content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(../img/icon_tbc/spnavi-arrow.png);
    background-size: contain;
    /* vertical-align: middle; */
    margin-right: 5px;
}
#header #menu-toggle:checked ~ .nav-content{
  bottom: 0;
  top: 90px;
  padding: 10px 20px;
}
#header .header-link li a::after{
	content: none;/*20250627*/
	/*background:#F97930;20250627*/
}
/*ハンバーガーメニューここまで*/

/*--------------------------------------
メインエリア
----------------------------------------*/
#mainarea .slider .slick-slide{
	margin:0 10px;
}
#mainarea .arrow.prev{
	left:13.5%;
}
#mainarea .arrow.next{
	right:13.5%;
}
/*--------------------------------------
はじめに
----------------------------------------*/
#intro .flex .circle-1mg{
	display:none;
}
#intro .flex{
	display:block;
}
#intro .flex .text{
	/*font-size:1.2rem; 20250627隠す*/
	width:90%;
	margin:0 auto;
	line-height:1.8rem;
}
#intro .flex .text .br-sp{
	text-indent:-0.5em;
	
}
/*--------------------------------------
新着情報
----------------------------------------*/
#news{
	width:90%;
}
#news .flex{
	justify-content: flex-start;
	margin-left:45px;
	/*20250627追記*/
	margin-left:15px;
	margin-right:15px
}
#news .flex dt{
	width:90px;
	/*20250627追記*/
	width: auto;
	font-size: 14px;
}
#news .flex .label{
	width:120px;
}
#news .flex .caption{
	width:100%;
	margin-bottom:20px;
}
/*--------------------------------------
ピックアップ
----------------------------------------*/
#pickup{
	background-size: 35vw,auto;
}	
/*---------------------
スライド画像
-----------------------*/
#pickup .slide-item img{
	width:100%;
	/*height:300px; 20250627隠す*/
}
#pickup .slide-item .text{
	font-size:1.2rem;
	padding-bottom:10px;
	/*20240627追記*/
	font-size: 14px;
	text-align: justify;
}
#pickup .arrow{
	display:none !important;
}
#pickup .slide-item .slide-title{
	/*font-size: 1.3rem;20250627隠す*/
}
/*スライドここまで*/
#pickup .flex{
	flex-direction: column;
	margin-bottom:20px;
}
#pickup .flex .left,
#pickup .flex .right{
	flex-direction: column;
	width:auto;
	margin:20px 30px;
}
#pickup .flex .category{
	font-size:1.1rem;
	margin:0 auto;
	width:100%;
	margin-bottom:10px;
}
#pickup .flex .left .food-link a,
#pickup .flex .right .goods-link a{
	width:100%;
	margin:0 30px;
	/*20250627追記*/
	margin: 0 0 0 10px;
}
#pickup .flex .left .food-link a img,
#pickup .flex .right .goods-link a img{
	margin-right:1px;
}
#pickup .flex .left .food-link li::after,
#pickup .flex .right .goods-link li::after{
  left: 30px;
  width:67vw;
}
#pickup .link{
	flex-wrap:wrap;
}
#pickup .link .link-btn{
	width:40%;
	margin-bottom:10px;
	/*20250627追記*/
	font-size: 14px;
}
/*--------------------------------------
店舗紹介
----------------------------------------*/
#shop-info{
	width:90%;
	margin-bottom:80px;
}
#shop-info .flex{
	flex-direction: column;
}
#shop-info .left .group,
#shop-info .right .group{
	margin-left:190px;
	/*20250627追記*/
	margin-left: 40%;
}
#shop-info .overlap{
	font-size:12px;
}
#shop-info .left .group .item-img,
#shop-info .right .group .item-img{
	width:250px;
	height:200px;
}
#shop-info .left .group .overlap,
#shop-info .right .group .overlap{
	width:100%;
	height:100%;
	border-width: 4px;
	/*20250627追記*/
	justify-content: center;
    left: -60%;
}
#shop-info .left .group .overlap .overlap-title{
	font-size:1.3rem;
	margin-bottom:5px;
	/*20250627追記*/
	font-size: 16px;
}
#shop-info .right .group .overlap .overlap-title{
	font-size:0.6rem;
	margin-bottom:5px;
}

#shop-info .flex .group .overlap .location{
	font-size:0.6rem;
	letter-spacing:0;/*20250627*/
	margin-bottom: 10px;
	
}
#shop-info .left{
	margin-bottom: 80px;
}

/*20250627追記*/
#shop-info .link-btn {
	margin: 0 auto;
}

/*--------------------------------------
企業等の皆様へ
----------------------------------------*/
#appeal{
	background-image:url(../img/back-sp.jpg);
	background-repeat: no-repeat;
	/*background-size:100%; 20250627隠す*/
}
#appeal .flex{
	flex-direction: column;
}
#appeal .section-title{
	font-size:1.5rem;
	/*20250627追記*/
	font-size: 1.3rem;
}
#appeal .flex .subtitle{
	font-size:1rem;
}
#appeal .left,
#appeal .right{
	width:90%;
	padding:0;
	line-height:1.4;
	margin-bottom:40px;
	letter-spacing: 1.5px;
}
#appeal .left .link-btn{
	width:65%;
}
#appeal .right .link-btn{
	margin-top:30px;
	width:65%;
	/*20250627追記*/
	width: auto;
	max-width: 250px;
}
/*--------------------------------------
インスタグラム
----------------------------------------*/
#instagram{
	width:90%;
	margin-bottom:50px;
}
#instagram .section-title{
	margin-bottom:5px;
}
#instagram .sns-link{
	text-align:center;
	margin-bottom:20px;
}
#instagram .flex li{
	width:47%;
	margin-bottom:15px;
}
/*--------------------------------------
フッター
----------------------------------------*/

#footer::before{
	height:8px;
}
#footer .container{
	width:90%;
}
#footer .flex{
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
#footer .site-logo{
	width:100%;
	transform:scale(0.7);
	justify-content: center;
}
#footer .flex .text{
	flex-direction: column;
	width:100%;
}
#footer .flex .text p{
	margin-bottom:20px;
}
#footer .flex .sns-link a{
	margin:0 15px;
}
#footer .link-flex .left{
	width:100%;
}
#footer .link-flex .left address{
	margin-bottom:20px;
	font-size: 14px;
}
#footer .left address p:nth-child(1){
	text-indent:-0.5rem;
}

#footer .link-flex .left .link{
	justify-content: space-between;
}
#footer .top{
	margin-right:25px;
}

#footer .link-flex .left .sub-link,
#footer nav.right,
#footer .link-flex .right .footer-link{
	display:none;
}

/*---------------------------------page:index----------------------------------*/
/* about 仮で追加しています。　*/
#about .content-wrapper{
	flex-direction: column;
}
#about .content-wrapper .content.left,
#about .content-wrapper .content.right{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	width:100%;
}
#about{
	margin-left: 15px;
	margin-right: 15px;
}
#about .circle {
	min-width:60px;
}

}